* {
    margin: 0;
    padding: 0
}

ul,li {
    list-style: none
}

a,span,em,i {
    display: inline-block;
    text-decoration: none
}

img {
    border: 0
}

input,select,textarea,button {
    outline: 0;
    font-family: Arial,"微软雅黑"
}

html,body {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #000
}

html {
    -webkit-text-size-adjust: none
}

body {
    font-family: Arial,"微软雅黑";
    font-size: 12px;
    background: #630 url(../images/main_bg.jpg);
    line-height: 24px;
    color: #666;
    cursor: default
}

a {
    color: #666;
    cursor: pointer
}

a:hover {
    color: #f60
}

#buzzer {
    display: none
}

.left {
    float: left
}

.right {
    float: right
}

.a_right {
    text-align: right
}

.center {
    text-align: center
}

.clear {
    clear: both;
    height: 0;
    font-size: 0;
    line-height: 0;
    overflow: hidden
}

.page_tips {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0
}

.page_tips span {
    display: block;
    width: 300px;
    text-align: center;
    background: #c00;
    color: #fff;
    margin: 0 auto;
    padding: 10px 0;
    font-size: 14px
}

.base_strong {
    font-weight: bold
}

.base_red {
    color: #c00
}

.light_red {
    color: #f33
}

.base_gry {
    color: #999
}

.light_gry {
    color: #ccc
}

.base_orgen {
    color: #f60
}

.light_yellow {
    color: #fc0
}

.base_yellow {
    color: #f60
}

.light_orgen {
    color: #f93
}

.base_blue {
    color: #09f
}

.light_blue {
    color: #0cf
}

.base_green {
    color: #690
}

.light_green {
    color: #9f0
}

.white {
    color: #fff
}

table {
    table-layout: fixed;
    width: 100%;
    border-collapse: collapse
}

table th {
    cursor: default
}

table td {
    cursor: default
}

.base_tab,.base_tab .tab_nav {
    position: relative
}

.tab_nav ul,.tab_nav ul li {
    float: left;
    display: inline
}

.tab_nav ul li {
    margin-right: 5px;
    overflow: hidden
}

.tab_nav ul li a,.tab_nav ul li span {
    height: 24px;
    line-height: 24px;
    width: 80px;
    text-align: center;
    cursor: pointer;
    color: #ccc
}

.tab_nav ul li a:hover,.tab_nav ul li.current a,.tab_nav ul li span:hover,.tab_nav ul li.current span {
    color: #fff
}

.tab_content {
    margin-top: 10px;
    border-top: 1px #333 solid
}

#base_loading,#base_mask {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.9);
    _background: #000;
    z-index: 999
}

#base_loading span {
    display: block;
    width: 58px;
    height: 10px;
    text-indent: -300px;
    overflow: hidden;
    font-size: 0;
    background: url(../images/base_loading.gif) no-repeat center top;
    margin: 25% auto
}

#base_mask {
    display: none
}

#body_message {
    background: rgba(204,0,0,.7);
    border: 1px #c00 solid;
    position: absolute;
    z-index: 999;
    left: 0;
    top: 0
}

#body_message span {
    padding: 0 10px;
    color: #fff
}

.page_nav {
    margin-top: 10px
}

.page_nav ul,.page_nav ul li {
    float: left;
    display: inline
}

.page_nav ul li {
    margin: 0 2px
}

.page_nav ul li a,.page_nav ul li span {
    padding: 0 10px;
    overflow: hidden
}

.page_nav ul li span {
    cursor: default;
    color: #999
}

.page_nav ul li a {
    color: #ccc
}

.page_nav ul li.current a,.page_nav ul li a:hover {
    background: #111;
    color: #fff
}

#dialog_mask {
    background: rgba(0,0,0,.5);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    display: none
}

.dialog {
    width: 600px;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(100,100,100,.5) url(../images/bl_body_light.png) no-repeat -100px top;
    padding: 8px;
    z-index: 1000;
    display: none
}

.dialog_main {
    background: #222;
    border: 1px #111 solid;
    overflow: hidden
}

.dialog_header {
    border-bottom: 1px #333 solid;
    position: relative;
    height: 29px
}

.dialog_header h4 {
    font-size: 14px;
    padding: 0 10px;
    line-height: 29px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    color: #fff
}

.dialog_close,.dialog_close span {
    width: 16px;
    height: 16px;
    overflow: hidden;
    cursor: pointer
}

.dialog_close {
    position: absolute;
    top: 6px;
    right: 6px
}

.dialog_close span {
    display: block;
    background: url(../images/base_sp.png) no-repeat -56px -284px;
    text-indent: -300px
}

.dialog_body {
    max-height: 400px;
    overflow: auto;
    color: #ccc
}

.dialog_confirm {
    padding: 10px
}

.dialog_confirm_option {
    margin-top: 10px
}

.dcb_icon,.dcb_icon img {
    width: 80px;
    height: 80px;
    overflow: hidden
}

.dcb_icon {
    margin: 20px auto
}

.dcb_title {
    text-align: center;
    font-size: 14px;
    color: #f90;
    line-height: 30px
}

.dcb_body {
    text-align: center;
    padding-bottom: 10px
}

.dialog_confirm_option .base_button {
    width: 100px;
    margin: 0 auto
}

#system_msg_locker {
    height: 18px;
    line-height: 18px;
    background: rgba(0,0,0,.8);
    padding: 5px;
    position: absolute;
    left: 0;
    bottom: 80px;
    z-index: 99;
    cursor: pointer;
    border: 1px #900 solid;
    border-left: 0
}

#system_msg_locker span,#system_msg_locker em {
    font-style: normal
}

#system_msg_locker span {
    padding: 0 5px;
    color: #fff
}

#system_msg_locker em {
    background: #fff;
    padding: 0 6px;
    color: #c00;
    font-weight: bold;
    font-family: Arial
}

#system_msg_locker:hover span {
}

#system_msg_locker:hover em {
    background: #900;
    color: #fff
}

#system_msg {
    position: absolute;
    z-index: 200;
    right: 20px;
    bottom: 20px;
    background: rgba(100,100,100,.5) url(../images/bl_body_light.png) no-repeat -300px top;
    padding: 5px
}

.sm_wrap {
    background: #222;
    width: 300px;
    border: 1px #111 solid;
    overflow: hidden
}

.sm_header {
    border-bottom: 1px #333 solid;
    position: relative;
    height: 29px
}

.sm_statc {
    position: absolute;
    left: 0;
    top: 0;
    height: 29px;
    line-height: 29px;
    padding: 0 5px;
    color: #999;
    font-family: Arial
}

.sm_statc span {
    padding: 0 2px
}

.sm_title,.sm_title ul,.sm_title ul li {
    height: 29px;
    line-height: 29px;
    overflow: hidden
}

.sm_title {
    padding: 0 40px
}

.sm_header ul,.sm_header ul li {
    width: 100%
}

.sm_header ul li {
    font-size: 14px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    color: #fff
}

.sm_header .close,.sm_header .close span {
    width: 16px;
    height: 16px;
    overflow: hidden;
    cursor: pointer
}

.sm_header .close {
    position: absolute;
    top: 6px;
    right: 6px
}

.sm_header .close span {
    display: block;
    background: url(../images/base_sp2.png) no-repeat -74px -282px;
    text-indent: -300px
}

.sm_body,.sm_footer {
    padding: 10px
}

.sm_body span {
    padding: 0 5px
}

.sm_item {
    color: #ccc
}

.sm_footer {
    padding-top: 0;
    position: relative
}

.sm_footer .base_button {
    margin: 0 80px
}

.sm_option {
    position: absolute;
    top: 0
}

.sm_option,.sm_option span {
    width: 24px;
    height: 24px;
    overflow: hidden
}

.sm_option span {
    display: block;
    text-indent: -300px;
    cursor: pointer;
    background: url(../images/base_sp2.png) no-repeat 0 0
}

#sm_prev {
    left: 10px
}

#sm_prev span {
    background-position: -54px -184px
}

#sm_prev span:hover {
    background-position: -54px -208px
}

#sm_next {
    right: 10px
}

#sm_next span {
    background-position: -78px -184px
}

#sm_next span:hover {
    background-position: -78px -208px
}

.base_select {
    height: 24px
}

.i_select_item {
    display: inline-block
}

.i_select_title {
    line-height: 24px
}

.i_select_input {
    position: relative
}

.i_select_handle {
    position: relative;
    border: 1px #333 solid;
    background: #111;
    cursor: pointer;
    width: 100%
}

.i_select_handle span,.i_select_handle em {
    position: absolute
}

.i_select_handle span {
    display: block;
    padding: 0 10px;
    overflow: hidden;
    left: 0;
    top: 0;
    color: #ccc
}

.i_select_handle em {
    display: block;
    width: 9px;
    height: 5px;
    background: url(../images/base_sp.png) no-repeat -59px -308px;
    right: 10px;
    top: 8px
}

.i_select_option {
    border: 1px #333 solid;
    background: #111;
    position: absolute;
    top: 22px;
    left: 0;
    display: none;
    width: 100%;
    z-index: 999
}

.i_select_option li {
    padding: 0 10px;
    cursor: pointer;
    display: block;
    overflow: hidden
}

.i_select_option li.hover {
    background: #c30;
    color: #fff
}

.i_select_option li.selected {
    background: #333;
    color: #fff
}

.i_select_handle,.i_select_handle span,.i_select_option li {
    height: 22px;
    line-height: 22px;
    white-space: nowrap
}

.no_result {
    position: relative
}

.no_result .nr_icon {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    background: url(../images/base_null.png) no-repeat center top
}

.no_result .nr_icon span {
    display: block;
    text-indent: -300px;
    font-size: 0;
    overflow: hidden
}

.no_result .nr_info {
    padding: 10px 0;
    text-align: center
}

.no_result .nr_info h4 {
    line-height: 40px;
    font-size: 18px;
    color: #fff;
    font-weight: normal
}

.no_result .nr_info a {
    color: #fc0;
    padding: 0 10px
}

.no_result .nr_info a:hover {
    color: #9f0;
    text-decoration: underline
}

.list_null .nr_icon {
    background: url(../images/list_null.png) no-repeat center top
}

.user_null .nr_icon {
    background: url(../images/user_null.png) no-repeat center top
}

.not_found .nr_icon {
    background: url(../images/404.png) no-repeat center top
}

.base_text,.disabled_text {
    border: 1px #333 solid;
    padding: 0 5px;
    height: 22px
}

.base_text input,.disabled_text input {
    border: none;
    width: 100%;
    background: none;
    height: 22px
}

.base_text {
    background: #111
}

.base_text_focus {
    border: 1px #f90 solid
}

.base_text input {
    color: #ccc
}

.disabled_text {
    background: #222
}

.disabled_text input {
    color: #555
}

.text_suffix {
    position: absolute;
    right: -1px;
    top: -1px;
    width: 24px;
    height: 24px;
    text-align: center
}

.base_radio_group .base_radio {
    float: left;
    display: inline;
    margin-right: 10px
}

.base_radio input,.base_radio label {
    vertical-align: middle
}

.image_radio_group .image_radio {
    float: left;
    display: inline;
    margin-right: 10px
}

.image_radio input,.image_radio label {
    vertical-align: middle
}

.base_tips {
    padding: 3px 8px;
    margin: 5px
}

.base_tips span {
    font-weight: bold;
    color: #f60
}

.base_link_group .base_link {
    float: left;
    margin: 0 5px
}

.base_link_group .base_link a,.base_link_group .base_link span {
    padding: 0 5px
}

.base_button_group .base_button {
    float: left;
    margin-right: 10px;
    height: 22px
}

.base_button_group .base_button:last-child {
    margin-right: 0
}

.base_button button,.base_button input,.base_button span {
    border: 0;
    background: none;
    display: block;
    height: 22px;
    line-height: 22px;
    width: 100%;
    text-align: center;
    padding: 0 10px;
    color: #fff;
    cursor: pointer;
    font-size: 14px
}

.base_button span {
    padding: 0
}

.base_button {
    border: 1px #c00 solid
}

.red_button {
    border: 1px #600 solid
}

.green_button {
    border: 1px #060 solid
}

.blue_button {
    border: 1px #06c solid
}

#browser_update {
    background: #fff;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    z-index: 9999
}

.bu_header {
    margin-top: 40px;
    border-bottom: 1px #ddd solid;
    padding-bottom: 20px
}

.bu_header h4,.bu_header p {
    font-weight: normal;
    text-align: center
}

.bu_header h4 {
    font-size: 24px;
    color: #690;
    line-height: 40px
}

.bu_header p {
    font-size: 14px;
    line-height: 40px
}

.bu_list {
    margin: 20px auto 0;
    width: 780px
}

.bu_list ul,.bu_list ul li {
    float: left;
    display: inline
}

.bu_list ul li {
    width: 100px;
    margin: 0 5px;
    padding: 10px
}

.bu_list ul li .browser_logo,.bu_list ul li .browser_logo a,.bu_list ul li .browser_logo img {
    width: 60px;
    height: 60px
}

.bu_list ul li .browser_logo {
    margin: 10px auto
}

.bu_list ul li .browser_info h4 {
    text-align: center;
    font-size: 12px
}

.form_tips span {
    padding: 0 5px;
    color: #999
}

.form_tips span em {
    font-style: normal;
    color: #c00;
    padding: 0 5px
}

.password_strength {
}

.password_strength,.ps_step,.ps_step ul,.ps_step ul li {
    height: 30px
}

.password_strength,.ps_step,.ps_step ul {
    width: 153px
}

.ps_step ul,.ps_step ul li {
    float: left;
    display: inline
}

.ps_step ul li,.ps_step ul li span,.ps_step ul li em {
    width: 50px
}

.ps_step ul li {
    position: relative;
    margin-right: 1px;
    overflow: hidden
}

.ps_step ul li span,.ps_step ul li em {
    display: block;
    position: absolute;
    left: 0;
    font-style: normal
}

.ps_step ul li em {
    top: 0;
    height: 5px;
    background: #555
}

.ps_step ul li span {
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    text-align: center;
    color: #fff;
    top: -24px;
    background: #000
}

.ps_step ul li.current span {
    top: 5px
}

.ps_step ul li.ps_model_a em {
    background: #f60
}

.ps_step ul li.ps_model_a span {
    background: #c00
}

.ps_step ul li.ps_model_b em {
    background: #06f
}

.ps_step ul li.ps_model_b span {
    background: #03c
}

.ps_step ul li.ps_model_c em {
    background: #9c0
}

.ps_step ul li.ps_model_c span {
    background: #060
}

.stepping_input {
    position: relative
}

.stepping_input .st_input {
    border: 1px #333 solid;
    padding: 0 5px;
    background: #111;
    margin-right: 55px;
    height: 22px
}

.stepping_input .st_input input {
    background: none;
    border: none;
    color: #ccc;
    text-align: center;
    width: 100%
}

.st_option {
    position: absolute;
    right: 0;
    top: 0;
    width: 50px
}

.sto_btn,.sto_btn span {
    width: 24px;
    height: 24px
}

.sto_btn {
    position: absolute;
    top: 0
}

.sp_add {
    left: 0
}

.sp_reduce {
    right: 0
}

.sto_btn span {
    display: block;
    text-indent: -300px;
    overflow: hidden;
    cursor: pointer;
    background: url(../images/base_sp.png) no-repeat
}

.sp_add span {
    background-position: 0 -216px
}

.sp_add span:hover {
    background-position: 0 -240px
}

.sp_add span:active {
    background-position: 0 -264px
}

.sp_add span.locked {
    background-position: 0 -288px
}

.sp_reduce span {
    background-position: -24px -216px
}

.sp_reduce span:hover {
    background-position: -24px -240px
}

.sp_reduce span:active {
    background-position: -24px -264px
}

.sp_reduce span.locked {
    background-position: -24px -288px
}

.fix_tips {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 99;
    background-color: #c00;
    color: #fff;
    padding: 0 8px;
    height: 22px;
    line-height: 22px;
    border: 1px #c00 solid
}

.fix_tips span {
    padding-right: 16px
}

.fix_tips em {
    display: block;
    position: absolute;
    right: 3px;
    top: 3px;
    width: 16px;
    height: 16px;
    background: url(../images/close.png) no-repeat center top;
    text-indent: -300px;
    overflow: hidden;
    cursor: pointer
}

.ui-datepicker {
    position: absolute;
    z-index: 9999;
    display: none;
    background: #222;
    border: 1px #333 solid;
    padding: 10px;
    width: 220px
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    background: #333;
    height: 33px;
    line-height: 33px
}

.ui-datepicker .ui-datepicker-title {
    position: relative;
    text-align: center;
    z-index: 99;
    color: #fff
}

.ui-datepicker .ui-datepicker-title select {
    margin: 0 5px
}

.ui-datepicker .ui-datepicker-header a.ui-datepicker-prev,.ui-datepicker .ui-datepicker-header a.ui-datepicker-next {
    line-height: 33px;
    color: #fff;
    top: 0;
    position: absolute;
    z-index: 999
}

.ui-datepicker .ui-datepicker-header a.ui-datepicker-prev span,.ui-datepicker .ui-datepicker-header a.ui-datepicker-next span {
    padding: 0 5px;
    cursor: pointer
}

.ui-datepicker .ui-datepicker-header a.ui-datepicker-prev {
    left: 0
}

.ui-datepicker .ui-datepicker-header a.ui-datepicker-next {
    right: 0
}

.ui-datepicker table {
    width: 100%;
    border-collapse: collapse
}

.ui-datepicker table,.ui-datepicker table th,.ui-datepicker table td {
    border: 1px #333 solid;
    padding: 0
}

.ui-datepicker table th,.ui-datepicker table td {
    text-align: center
}

.ui-datepicker td span,.ui-datepicker td a {
    display: block;
    text-align: center;
    line-height: 28px;
    color: #ccc;
    font-family: Arial
}

.ui-datepicker td.ui-datepicker-today a {
    background: #090
}

.ui-datepicker td a.ui-state-hover {
    background: #f90;
    color: #fff
}

.ui-datepicker td a.ui-state-active {
    background: #09f;
    color: #fff
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left
}

.tipsy {
    padding: 5px;
    font-size: 12px;
    position: absolute;
    z-index: 100000
}

.tipsy-inner {
    padding: 3px 8px;
    background-color: #fff;
    color: #333;
    max-width: 200px;
    font-size: 12px;
    border-radius: 5px;
    box-shadow: 0 5px 10px rgba(0,0,0,.5)
}

.tipsy-arrow {
    position: absolute;
    background: url(../images/tipsy.gif) no-repeat top left;
    width: 9px;
    height: 5px
}

.tipsy-n .tipsy-arrow {
    top: 0;
    left: 50%;
    margin-left: -4px
}

.tipsy-nw .tipsy-arrow {
    top: 0;
    left: 10px
}

.tipsy-ne .tipsy-arrow {
    top: 0;
    right: 10px
}

.tipsy-s .tipsy-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -4px;
    background-position: bottom left
}

.tipsy-sw .tipsy-arrow {
    bottom: 0;
    left: 10px;
    background-position: bottom left
}

.tipsy-se .tipsy-arrow {
    bottom: 0;
    right: 10px;
    background-position: bottom left
}

.tipsy-e .tipsy-arrow {
    top: 50%;
    margin-top: -4px;
    right: 0;
    width: 5px;
    height: 9px;
    background-position: top right
}

.tipsy-w .tipsy-arrow {
    top: 50%;
    margin-top: -4px;
    left: 0;
    width: 5px;
    height: 9px
}

.tpwb_marquee {
    position: relative;
    overflow: hidden
}

.tpwb_marquee_list {
    position: absolute
}

.tpwb_marquee_shadow {
    width: 100%;
    height: 20px;
    position: absolute
}

#tpwb_marquee_shadow_top {
    left: 0;
    top: 0
}

#tpwb_marquee_shadow_bottom {
    left: 0;
    bottom: 0
}

.accordion {
}

.accordion_item {
    margin: 10px
}

.accordion_header {
}

.accordion_body {
    display: none
}

.d_cont {
    margin: 10px
}

.d_cont_header {
    margin-bottom: 10px;
    border-bottom: 1px #333 solid
}

.d_cont_header h4 {
    font-size: 14px;
    line-height: 30px;
    padding: 0 10px;
    color: #fc0
}

.issue {
    margin: 50px auto;
    padding: 20px;
    width: 460px;
    background: #fff;
    border-radius: 5px
}

.issue_icon,.issue_icon span {
    width: 140px;
    height: 140px;
    overflow: hidden
}

.issue_icon {
    margin: 0 auto 40px
}

.issue_icon span {
    display: block;
    font-size: 0;
    text-indent: -1000px;
    overflow: hidden
}

.issue_description {
    text-align: center;
    font-size: 14px;
    line-height: 26px
}

.issue_description h4 {
    font-size: 28px;
    margin-bottom: 20px;
    font-weight: normal;
    color: #f60
}

.issue_action {
    margin-top: 20px;
    text-align: center
}

#page_pop .issue_icon,#page_pop .issue_icon span,#recharge_ok .issue_icon,#recharge_ok .issue_icon span,#recharge_no .issue_icon,#recharge_no .issue_icon span {
    width: 100px;
    height: 100px
}

#page_pop .issue_icon span {
    background: url(../images/dialog_confirm_icon/m_pop.png) no-repeat center top
}

#recharge_ok .issue_icon span {
    background: url(../images/dialog_confirm_icon/m_ok.png) no-repeat center top
}

#recharge_no .issue_icon span {
    background: url(../images/dialog_confirm_icon/m_wrong.png) no-repeat center top
}

#maintain .issue_icon span {
    background: url(../images/maintain.png) no-repeat center top
}

.error .issue_icon span {
    background: url(../images/error.png) no-repeat center top
}

.error .base_button_group {
    width: 176px;
    margin: 0 auto
}

#recharge-callbcak {
    width: 280px;
    margin: 0 auto 40px;
    background-color: #ff9;
    padding: 5px 10px;
    color: #666;
    font-size: 12px
}

.full_width {
    width: 100%;
    height: 100%
}

.absolute {
    position: absolute
}

.fixed {
    position: fixed
}

.cont {
    position: relative
}

.cont .c-header {
    padding-bottom: 10px;
    border-bottom: 1px #ddd solid;
    margin-bottom: 10px
}

.cont .c-header h4 {
    padding: 0 10px;
    font-size: 14px
}

.cont .c-content {
    height: 300px;
    overflow: auto
}

.article img {
    max-width: 100%
}

.article a,.article i,.article em,.article span {
    text-indent: 0
}

.article a {
    color: #06f
}

.article a:hover {
    color: #f90;
    text-decoration: underline
}

#controller {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

#fixcontroller {
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0,0,0,.5);
    overflow: hidden;
    z-index: 9999
}

.controller_item {
    position: relative
}

.controller_item .close,.controller_item .close a {
    width: 16px;
    height: 16px;
    overflow: hidden
}

.controller_item .close {
    position: absolute;
    right: -8px;
    top: -8px;
    overflow: hidden
}

.controller_item .close a {
    display: block;
    text-indent: -300px;
    overflow: hidden
}

.cp_controller .controller_item {
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0,0,0,.5)
}

.cp_controller .controller_item {
    -webkit-transition: -webkit-transform .3s;
    -webkit-transform: rotate(0)
}

.cp_controller .controller_item.cp_controller_ani {
    -webkit-transform: rotate(45deg)
}

.controller_item .close {
    width: 20px;
    height: 20px;
    right: -10px;
    top: -10px
}

.cp_controller .controller_item .close a {
    display: block;
    background: #c00 url(../images/base_sp.png) no-repeat -56px -283px;
    border-radius: 30px;
    border: 2px #fff solid
}

.toggle_list {
    position: relative
}

.toggle_list .item {
    margin: 0 0 10px;
    border: 1px #ddd solid;
    border-radius: 4px;
    overflow: hidden
}

.toggle_list .tli_header {
    position: relative;
    padding: 0 10px;
    cursor: pointer
}

.toggle_list .tli_header h4 {
    margin-right: 42px;
    line-height: 32px;
    font-size: 14px;
    font-weight: normal
}

.toggle_list .tli_header button {
    cursor: pointer;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 32px;
    height: 32px;
    background: url(../images/toggle_list_handle.png) no-repeat 0 0;
    font-size: 0;
    border: none
}

.toggle_list .tli_content {
    border-top: 1px #ddd solid;
    padding: 4px 8px;
    display: none
}

.toggle_list .item.current,.toggle_list .item.current .tli_content {
    border-color: #ccc
}

.toggle_list .item.current .tli_header button {
    background-position: -32px 0
}

#recharge-order {
    width: 280px;
    margin: 0 auto 40px;
    background-color: #ff9;
    padding: 5px 10px;
    color: #666;
    font-size: 12px
}

.gray {
    color: gray
}

.red {
    color: red
}

.green {
    color: green
}

.black {
    color: #000
}

.darkblue {
    color: #0081a8
}

.orgen {
    color: #ffa500
}

#recentContainer tr td {
    cursor: pointer
}

.top10Container tr td {
    cursor: pointer
}

#ver_code,#ver_code img {
    width: 100px;
    height: 30px;
    overflow: hidden
}

#ver_code {
    position: absolute;
    top: 0;
    left: 185px;
    cursor: pointer
}

#wrap {
    margin: 20px;
    background: #222;
    min-width: 960px;
    position: relative;
    overflow: hidden
}

#content {
    word-wrap: break-word;
    word-break: normal;
    overflow: auto;
    border-top: 1px #333 solid;
    border-bottom: 1px #111 solid;
    position: relative;
    background: #222;
    overflow: hidden
}

.content_body {
    padding: 10px;
    overflow: auto;
    margin-left: 100px;
    background: #222
}

#side_tag {
    width: 100px;
    float: left;
    position: absolute;
    left: 0;
    top: 0;
    background: #111;
    border-right: 1px #333 solid;
    height: 100%;
    overflow: hidden
}

#side_tag ul li {
    position: relative;
    border-bottom: 1px #333 solid
}

#side_tag ul li a,#side_tag ul li span {
    display: block;
    font-size: 12px
}

#side_tag ul li a {
    height: 48px;
    padding: 5px 10px;
    background: #000;
    border-right: 2px #000 solid;
    top: 0
}

#side_tag ul li a span {
    height: 24px;
    line-height: 24px;
    text-align: center
}

#side_tag ul li a span.st_home {
    height: 48px;
    line-height: 48px;
    color: #fff;
    font-weight: bold
}

#side_tag ul li a span.st_award_name {
    color: #999;
    font-weight: bold
}

#side_tag ul li a span.st_award_model {
    color: #666
}

#side_tag ul li a:hover {
    border-right: 2px #fc0 solid
}

#side_tag ul li a:hover span {
    color: #fff
}

#side_tag ul li a:hover span.st_award_name {
    color: #fc0
}

#side_tag ul li.current a {
    border-right: 2px #9f0 solid
}

#side_tag ul li.current a span.st_award_name,#side_tag ul li.current a span.st_award_model {
    color: #fff
}

#side_tag ul li em {
    display: block;
    width: 10px;
    height: 10px;
    position: absolute;
    left: 5px;
    top: 5px;
    background: url(../images/base_sp.png) no-repeat -235px -230px;
    text-indent: -300px;
    overflow: hidden;
    cursor: pointer;
    visibility: hidden
}

#side_tag ul li em:hover {
    background-color: #c00
}

#side_tag ul li:hover em {
    visibility: visible
}

#move_type {
    position: absolute;
    z-index: 999;
    left: 0;
    top: 0;
    background: rgba(0,255,255,.5);
    height: 48px;
    padding: 7px
}

#move_type.mt_active {
    border: 2px #3f0 dotted;
    padding: 5px
}

#move_type span {
    display: block;
    width: 100px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    color: #fff
}

#move_type span.mt_award_name {
    font-weight: bold
}

#move_tag {
    position: absolute;
    z-index: 999;
    left: 0;
    top: 0;
    border: 1px #f60 solid;
    padding: 5px 0
}

#move_tag span {
    display: block;
    width: 100px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    color: #fff
}

#move_tag span.mt_award_name {
    font-weight: bold
}

#logo {
    top: 0;
    position: absolute
}

#logo,#logo a {
    width: 220px;
    height: 44px;
    overflow: hidden;
    z-index: 99
}

#logo a {
    background: url(../images/base_sp.png) no-repeat 0 0;
    display: block;
    text-indent: -200px;
    font-size: 0
}

#logo a:hover {
    color: #fff
}

.content_header {
    margin-left: 80px
}

.header {
    background: #c00;
    height: 44px;
    position: relative;
    border-bottom: 1px #300 solid;
    z-index: 90;
    overflow: hidden
}

.user_agent {
    height: 24px;
    color: #fff;
    position: absolute;
    right: 10px;
    top: 10px
}

.user_agent ul,.user_agent ul li {
    float: left;
    display: inline;
    height: 24px
}

.user_agent ul li {
    margin-left: 10px;
    height: 24px
}

.user_agent ul li,.user_agent ul li a {
    white-space: nowrap;
    color: #fff
}

.user_agent ul li a {
    padding: 0 5px;
    border-radius: 2px
}

.user_agent ul li a:hover {
    color: #fc0;
    background: #900
}

.user_agent ul li a,.user_agent ul li em {
    vertical-align: top
}

#user_image,#user_image img {
    width: 26px;
    height: 26px;
    cursor: pointer;
    overflow: hidden
}

#user_image {
    margin-top: -3px;
    padding: 3px;
    background: #a00
}

.user_agent ul li em,span.level {
    font-style: normal;
    display: inline-block;
    width: 48px;
    height: 24px;
    background: url(../images/base_sp.png) no-repeat -300px -44px;
    text-indent: -300px;
    overflow: hidden;
    cursor: pointer
}

span.level {
    vertical-align: middle
}

.user_agent ul li em#mlv_1,span.level_00 {
    background-position: -300px -44px
}

.user_agent ul li em#mlv_1,span.level_01 {
    background-position: -300px -68px
}

.user_agent ul li em#mlv_2,span.level_02 {
    background-position: -300px -92px
}

.user_agent ul li em#mlv_3,span.level_03 {
    background-position: -300px -116px
}

.user_agent ul li em#mlv_4,span.level_04 {
    background-position: -300px -140px
}

.user_agent ul li em#mlv_5,span.level_05 {
    background-position: -300px -164px
}

.user_agent ul li em#mlv_6,span.level_06 {
    background-position: -300px -188px
}

.user_agent ul li em#mlv_7,span.level_07 {
    background-position: -300px -212px
}

.user_agent ul li em#mlv_8,span.level_08 {
    background-position: -300px -236px
}

.user_agent ul li em#mlv_9,span.level_09 {
    background-position: -300px -260px
}

.user_agent ul li em#mlv_10,span.level_10 {
    background-position: -300px -284px
}

.action {
    height: 24px;
    border-bottom: 1px #111 solid;
    border-top: 1px #333 solid;
    position: relative;
    padding: 3px 5px
}

.nav {
    width: 610px;
    height: 24px;
    position: absolute;
    z-index: 99;
    top: 3px;
    left: 3px;
    border-right: 1px #111 solid
}

.nav ul,.nav ul li {
    float: left;
    display: inline
}

.nav ul {
    width: 610px
}

.nav ul li {
    margin-right: 5px
}

.nav ul li a {
    font-size: 12px;
    width: 80px;
    text-align: center;
    line-height: 24px;
    color: #ccc;
    white-space: nowrap
}

.nav ul li.current a,.nav ul li a:hover {
    background: #fff;
    color: #fff
}

#packs {
    position: absolute;
    right: 70px;
    top: 0
}

#packs,#packs_handle {
    width: 120px;
    height: 30px
}

#packs_handle {
    display: block;
    background: url(../images/packs_handle3.gif) no-repeat 0 0;
    font-size: 0
}

#packs_tips {
    position: absolute;
    background-color: #fff45c;
    right: 0;
    top: 40px;
    min-width: 220px;
    max-width: 400px
}

#packs_tips p {
    padding: 0 10px;
    color: #7f2d00
}

#packs_tips a {
    color: #c00;
    padding: 0 10px
}

#packs_tips:after {
    display: block;
    content: '';
    position: absolute;
    right: 20px;
    top: -8px;
    width: 0;
    height: 0;
    border-color: transparent transparent transparent #fff45c;
    border-style: solid;
    border-width: 10px 0 0 10px
}

.notice {
    width: 348px;
    height: 24px;
    position: absolute;
    top: 3px;
    left: 614px;
    background: url(../images/base_sp.png) no-repeat 0 -315px;
    padding-left: 30px;
    border-left: 1px #333 solid;
    overflow: hidden
}

.notice_list {
    position: relative;
    width: 300px;
    height: 24px;
    overflow: hidden
}

.notice_list ul li {
    height: 24px;
    overflow: hidden
}

.notice_list ul li a,.notice_list ul li span {
    padding: 0 5px
}

.notice_list ul li a {
    color: #999
}

.notice_list ul li a:hover {
    color: #cf0
}

.notice_option {
    position: absolute;
    width: 48px;
    top: 0;
    right: 0
}

.notice_option,.notice_option .no_btn,.notice_option .no_btn span {
    height: 24px
}

.notice_option .no_btn,.notice_option .no_btn span {
    width: 24px;
    cursor: pointer;
    overflow: hidden
}

.notice_option .no_btn span {
    display: block;
    background: url(../images/base_sp.png) no-repeat;
    text-indent: -300px
}

.notice_option .no_btn {
    position: absolute;
    top: 0
}

.notice_option #no_prev {
    left: 0
}

.notice_option #no_next {
    right: 0
}

.notice_option #no_prev span {
    background-position: -54px -184px
}

.notice_option #no_prev span:hover {
    background-position: -54px -208px
}

.notice_option #no_next span {
    background-position: -78px -184px
}

.notice_option #no_next span:hover {
    background-position: -78px -208px
}

#notice_body {
    padding: 10px
}

.notice_header {
    border-bottom: 1px #333 solid;
    text-align: center;
    padding-bottom: 10px;
    margin-bottom: 10px
}

.notice_header span,.notice_header em {
    font-style: normal;
    padding: 0 5px
}

.option_tips {
    margin-top: 10px;
    padding: 5px 10px;
    border: 1px #333 dotted;
    background: #111
}

.option_tips dl dd {
    color: #ccc
}

.option_tips em {
    font-style: normal;
    padding: 0 5px
}

#home_slide {
    background: #030 url(../images/bg.gif);
    position: relative;
    overflow: hidden
}

#t_light,#b_light {
    position: absolute;
    z-index: 9;
    left: 0;
    width: 100%;
    height: 100%
}

#t_light {
    top: 0;
    background: url(../images/wrap_light_bg.png) repeat-x center top
}

#b_light {
    bottom: 0;
    height: 120px;
    background: url(../images/b_light.png) no-repeat center top
}

.hs_fliplock {
    width: 30%;
    height: 100%;
    position: absolute;
    background: url(../images/blank.gif);
    top: 0;
    z-index: 100
}

.hs_fliplock span {
    display: block;
    width: 50px;
    height: 50px;
    background: url(../images/base_sp.png) no-repeat;
    position: absolute;
    z-index: 99;
    top: 0;
    cursor: pointer;
    text-indent: -300px;
    overflow: hidden
}

#prev {
    left: 10px
}

#prev span {
    left: 0;
    background-position: 0 -44px
}

#prev span:hover {
    background-position: 0 -94px
}

#next {
    right: 10px
}

#next span {
    right: 0;
    background-position: -50px -44px
}

#next span:hover {
    background-position: -50px -94px
}

.aw_item {
    width: 200px;
    height: 200px;
    text-align: center;
    border-radius: 300px;
    overflow: visible
}

.round_flip_locked {
    overflow: hidden!important
}

.aw_image,.aw_image img {
    width: 100%;
    height: 100%;
    border: 0;
    overflow: hidden
}

.aw_image {
    position: relative
}

.aw_title,.aw_cutdown,.aw_betting_button {
    position: absolute;
    z-index: 99
}

.aw_title {
    width: 100px;
    background: #111;
    width: 200px;
    height: 24px;
    text-align: center;
    top: -40px
}

.aw_title h2 {
    width: 100%;
    height: 24px;
    line-height: 24px;
    color: #fff;
    font-size: 12px;
    font-family: Arial
}

.aw_title h2 span {
    padding: 0 5px;
    color: #ff9
}

.aw_cutdown {
    width: 200px;
    top: 220px
}

.aw_cutdown h5,.aw_cutdown h6 {
    margin: 0 auto
}

.aw_cutdown h5 {
    background: rgba(0,0,0,.5);
    width: 100px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    color: #fff;
    font-size: 12px
}

.aw_cutdown h6 {
    height: 40px;
    line-height: 40px;
    font-size: 30px;
    font-weight: normal;
    font-family: Arial;
    color: #fff
}

.aw_betting_button,.aw_betting_button span {
    width: 200px;
    height: 40px;
    line-height: 40px;
    text-align: center
}

.aw_betting_button {
    left: 0;
    top: 290px
}

.aw_betting_button span {
    background: #06f url(../images/base_sp.png) no-repeat -100px -44px;
    text-indent: -300px;
    overflow: hidden;
    font-size: 0
}

.aw_betting_button span.locked {
    background: #c00 url(../images/base_sp.png) no-repeat -100px -84px
}

.award_tag,.award_tag span {
    width: 20px;
    height: 20px
}

.award_tag {
    position: absolute;
    left: -10px;
    top: 10px
}

.award_tag span {
    background: #000;
    text-align: center;
    line-height: 20px;
    color: #fff
}

.award_tag span.hot {
    background: #c00
}

.award_tag span.new {
    background: #06f
}

.content_ad {
    margin: 10px auto 0;
    height: 50px;
    position: relative
}

.cad_list {
    height: 50px;
    position: relative;
    z-index: 99;
    overflow: hidden
}

.cad_list ul li,.cad_list ul li a,.cad_list ul li span {
    width: 100%;
    height: 50px;
    overflow: hidden
}

.cad_list ul li {
    position: relative
}

.cad_list ul li a,.cad_list ul li span {
    display: block;
    position: absolute
}

.cad_list ul li a {
    text-align: center;
    z-index: 90
}

.cad_list ul li span {
    z-index: 99
}

#cad_body_wrap {
    position: absolute;
    width: 100%;
    height: 420px;
    top: -420px;
    overflow: hidden;
    z-index: 101;
    display: none
}

#cad_body_wrap .close {
    width: 16px;
    height: 16px;
    position: absolute;
    top: -10px;
    right: -10px;
    padding: 2px;
    background: #fff
}

#cad_body_wrap .close span {
    width: 16px;
    height: 16px;
    overflow: hidden
}

#cad_body_wrap .close span {
    background: #333 url(../images/base_sp.png) no-repeat -56px -283px;
    display: block;
    cursor: pointer;
    text-indent: -300px;
    overflow: hidden
}

.cad_body {
    background: rgba(0,0,0,.8) url(../images/bl_body_light.png) no-repeat left top;
    width: 800px;
    margin: 0 auto;
    position: relative;
    top: 410px;
    height: 380px;
    z-index: 99;
    border-radius: 5px;
    padding: 10px
}

.cadb_page {
    height: 380px;
    overflow: auto
}

.content_footer {
    padding: 5px 10px;
    height: 24px;
    position: relative;
    border-top: 1px #323232 solid;
    background: #222;
    overflow: hidden
}

.network,.online_cs {
    position: absolute;
    top: 5px
}

.network {
    left: 10px
}

.online_cs {
    right: 400px
}

#contact_option {
    position: absolute;
    right: 5px;
    top: 2px;
    height: 30px
}

#contact_option ul,#contact_option ul li {
    float: left;
    display: inline
}

#contact_option ul li {
    padding: 0 5px;
    color: #ccc
}

#contact_option a,#contact_option span {
    display: block;
    line-height: 30px
}

#contact_option i {
    font-style: normal;
    padding: 0 5px;
    color: #fc0
}

#contact_option ul li.co_qq a {
    width: 30px;
    height: 30px;
    background: url(../images/qqimg.gif) no-repeat 3px 3px
}

#contact_option ul li.co_qq i {
    display: none
}

.ocs_handle {
    width: 88px
}

.ocs_handle,.ocs_handle span {
    height: 24px;
    line-height: 24px;
    overflow: hidden
}

.ocs_handle span {
    display: block;
    cursor: pointer;
    background: url(../images/base_sp.png) no-repeat -102px -288px;
    padding-left: 30px;
    padding-right: 10px;
    overflow: hidden
}

.ocs_handle span:hover {
    color: #fff
}

.olinecs_body {
    padding: 10px
}

.timer,.timer ul,.timer ul li {
    height: 24px;
    line-height: 24px;
    overflow: hidden
}

.timer {
    width: 90px;
    margin: 0 auto;
    cursor: default;
    background: #111;
    padding: 0 40px
}

.timer ul,.timer ul li {
    float: left;
    display: inline
}

.timer ul {
    width: 90px
}

.timer ul li {
    color: #999;
    font-weight: 700;
    padding: 0 2px;
    font-size: 12px
}

.crumbs {
    padding: 3px 10px;
    border: 1px #333 solid;
    background: #222
}

.crumbs ul,.crumbs ul li {
    float: left;
    display: inline
}

.crumbs ul li,.crumbs ul li a {
    padding: 0 5px;
    color: #fff
}

.crumbs ul li span.strong {
    font-weight: bold;
    color: #f60
}

.list_nav ul,.list_nav ul li {
    float: left;
    display: inline
}

.list_nav ul li {
    margin-right: 10px
}

.list_nav ul li a {
    padding: 0 10px;
    color: #ccc
}

.list_nav ul li.current a,.list_nav ul li a:hover {
    background: #f60;
    color: #fff
}

.list_main {
    padding: 10px 0
}

.list_header,.list_footer {
    height: 24px;
    position: relative
}

.list_header {
    margin-bottom: 10px
}

.list_footer {
    margin-top: 10px
}

.list_statc {
    position: absolute;
    right: 0;
    top: 0
}

.list_statc ul,.list_statc ul li {
    float: left;
    display: inline
}

.list_statc ul li {
    margin-right: 10px
}

.page_cont {
    padding: 0
}

.pc_column .base_cont {
    margin: 10px 0
}

.base_cont {
    border: 1px #333 solid;
    overflow: hidden
}

.base_cont .cont_header {
    border-bottom: 1px #333 solid
}

.base_cont .cont_header h4 {
    float: left
}

.base_cont .cont_header h4 span,.base_cont .cont_header h4 a {
    padding: 0 10px;
    line-height: 29px;
    font-size: 12px;
    color: #fc0
}

.base_cont .cont_body {
    background: #222;
    overflow: hidden
}

.info_table table {
    margin: 5px
}

.info_table table td {
    padding: 5px
}

.list_table {
    position: relative
}

.list_table table {
    border: 1px #333 solid
}

.list_table table tr th {
    color: #ccc
}

.list_table table tr th,.list_table table tr td {
    border-bottom: 1px #333 solid;
    padding: 4px
}

.list_table table tr.dark td {
    background: #151515
}

.list_table table tr.hover td {
    background: #000
}

.topic_rank {
    margin-top: 10px
}

.topic_rank h4 {
    display: block;
    width: 240px;
    height: 30px;
    background: url(../images/base_sp.png) no-repeat -220px -14px;
    text-indent: -300px;
    overflow: hidden
}

.topic_rank .tpwb_marquee {
    width: 260px;
    height: 355px;
    margin-top: 10px
}

.topic_rank .tpwb_marquee_list {
    width: 260px;
    height: 510px
}

.form_table table tr th,.form_table table tr td {
    padding: 5px;
    color: #ccc
}

.form_table table tr td.t_title {
    text-align: right
}

.form_table table tr td.form_tips {
    color: #999
}

.order_info {
    background: #eddfca;
    padding: 10px
}

.order_info table {
    border: 1px #e2caa9 solid
}

.order_info table tr th,.order_info table tr td {
    border-bottom: 1px #e2caa9 solid;
    padding: 4px;
    color: #362e2b
}

.order_info table tr td.t_right {
    text-align: right
}

.order_info table tr td.t_title {
    width: 80px
}

.order_info .base_button {
    width: 100px;
    margin: 10px auto 0
}

.order_info table tr td .order_betting_numbs span {
    background: #c00;
    color: #fff;
    text-align: center;
    height: 24px;
    line-height: 24px;
    margin-right: 5px
}

.td_options {
}

.td_options a,.td_options span {
    padding: 0 5px;
    cursor: pointer
}

.password_set {
    margin: 5px;
    position: relative
}

.password_set_list {
    width: 100%
}

.password_set_list td {
    padding: 5px
}

.password_set_list td span {
    display: block;
    text-align: center;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    border: 1px #000 solid;
    color: #fff;
    cursor: pointer;
    background: #333
}

.password_set_list td span:hover {
    background: #06c
}

.password_set_list td span.current {
    background: #c00
}

.pass_form {
    margin: 5px;
    position: relative;
    padding-top: 6px;
    display: none
}

.pass_form .arrow {
    width: 13px;
    height: 7px;
    font-size: 0;
    text-indent: -300px;
    overflow: hidden;
    position: absolute;
    left: 102px;
    top: 0;
    background: url(../images/base_sp.png) no-repeat -76px -307px;
    z-index: 99
}

.pass_form_table {
    border: 1px #333 solid;
    background: #111;
    position: relative;
    z-index: 9
}

.pass_form_table .loading,.pass_form_table .loading span {
    width: 30px;
    height: 30px
}

.pass_form_table .loading {
    margin: 50px auto;
    display: none
}

.pass_form_table .loading span {
    background: url(../images/loading.gif) no-repeat center top;
    background-size: cover;
    text-indent: -300px;
    overflow: hidden
}

.changed_tips {
    width: 298px;
    position: absolute;
    left: 70px;
    top: 80px;
    z-index: 999
}

.changed_tips span {
    color: #fff;
    text-align: center;
    display: block;
    text-align: center;
    padding: 5px 10px
}

.changed_tips span.changed_ok {
    background: rgba(120,200,0,.8)
}

.changed_tips span.changed_error {
    background: rgba(255,100,0,.8)
}

.pass_form table {
    margin: 5px
}

.pass_form table td {
    padding: 4px
}

.pass_form table td {
    color: #fff
}

.pass_form .base_text {
    border: 1px #555 solid;
    background: #222
}

.pass_form .base_text_focus {
    border: 1px #f90 solid
}

.pass_form .base_text input {
    color: #ccc
}

.list_sort {
    position: absolute;
    right: 0;
    top: 0
}

.list_sort_item {
    float: left;
    margin-left: 10px
}

.data_check {
    position: relative
}

.dc_sub {
    float: left
}

.dc_split span {
    padding: 0 8px
}

.data_check .base_text {
    width: 90px
}

.data_check .base_text input {
    background: url(../images/base_sp.png) no-repeat 65px -347px;
    cursor: pointer;
    padding-right: 22px;
    width: 70px
}

.simle_search {
    width: 200px;
    height: 24px;
    position: relative
}

.simle_search .base_text {
    width: 100px
}

.simle_search .base_button {
    position: absolute;
    top: 0;
    right: 0;
    width: 80px
}

.line_statc {
    margin: 0 auto
}

.line_statc,.line_statc em {
    width: 24px;
    height: 24px;
    display: block;
    overflow: hidden
}

.line_statc em {
    background: url(../images/base_sp.png) no-repeat;
    font-size: 0;
    text-indent: -300px
}

.line_statc em.online {
    background-position: -55px -232px
}

.line_statc em.offline {
    background-position: -55px -256px
}

.betting_block {
}

.betting_controll {
    margin-right: 270px;
    overflow: hidden
}

.betting_list {
    float: right;
    width: 260px
}

.betting_logs {
    margin-top: 10px
}

.betting_list td {
    padding: 0!important
}

#trend_handle,#trend_handle a {
    height: 24px;
    overflow: hidden
}

#trend_handle {
    position: absolute;
    right: 0;
    top: 2px
}

#trend_handle a,#trend_handle i {
    display: block
}

#trend_handle i {
    width: 24px;
    height: 24px;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../images/trend_handle.png) no-repeat center top
}

#trend_handle a {
    height: 22px;
    line-height: 22px;
    position: relative;
    padding: 0 10px 0 28px;
    border: 1px #222 solid
}

#trend_handle a:hover {
    border-color: #c00;
    color: #fff
}

.betting_info {
    border: 1px #333 solid;
    border-radius: 2px;
    height: 130px;
    overflow: hidden;
    background: #222
}

.bt_cutdown {
    float: left;
    width: 200px;
    border-right: 1px #333 solid
}

.bt_last_info {
    margin-left: 210px;
    height: 135px;
    position: relative;
    overflow: hidden
}

.bt_item_name {
    background: #c00;
    color: #fff;
    text-align: center;
    margin: 10px 10px 0 10px
}

#bt_item_cutdown {
    position: relative;
    height: 54px
}

.bt_item_cutdown_title {
    text-align: center;
    line-height: 30px;
    color: #fc0
}

.bt_item_cutdown_locker {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.bt_item_cutdown_locker em {
    display: block;
    margin: 0 auto;
    width: 54px;
    height: 54px;
    background: url(../images/base_sp.png) no-repeat -460px -50px;
    text-indent: -300px;
    overflow: hidden;
    font-size: 0
}

.bt_item_cutdown_timer {
    margin: 0 auto;
    text-align: center
}

.bt_item_cutdown_timer span {
    height: 24px;
    line-height: 24px;
    color: #fff;
    font-size: 18px;
    font-family: Arial
}

.bt_item_sound {
    margin: 5px auto;
    cursor: pointer
}

.bt_item_sound,.bt_item_sound span {
    width: 30px;
    height: 30px;
    overflow: hidden
}

.bt_item_sound span {
    display: block;
    background: url(../images/base_sp.png) no-repeat 0 -144px;
    text-indent: -300px;
    overflow: hidden;
    font-size: 0
}

.bt_item_sound span.locked {
    background-position: 0 -174px
}

.bt_item_last_title {
    width: 300px;
    margin: 10px auto;
    background: #333;
    color: #fff;
    text-align: center
}

.bt_item_last_title span.award_name {
    color: #fc0;
    margin-right: 10px
}

.bt_item_last_title span.award_period {
    padding: 0 10px;
    color: #cf9
}

.bt_item_last_winnumber {
    width: 280px;
    margin: 0 auto
}

.bt_item_win_numbers,.bt_item_win_numbers ol,.bt_item_win_numbers ol li {
    width: 40px;
    overflow: hidden
}

.bt_item_win_numbers,.bt_item_win_numbers ol li {
    height: 40px
}

.bt_item_win_numbers {
    background: #c00;
    float: left;
    position: relative;
    margin: 0 5px;
    border: 3px #333 solid
}

.bt_item_win_numbers ol {
    height: 440px;
    position: absolute;
    left: 0;
    top: 0
}

.bt_item_win_numbers ol li,.bt_item_win_numbers ol li span {
    display: block;
    line-height: 40px;
    text-align: center;
    cursor: default
}

.bt_item_win_numbers ol li span {
    font-size: 31px;
    color: #fff;
    font-weight: bold;
    font-family: Arial
}

.bt_item_timer_tips {
    position: absolute;
    bottom: 5px;
    left: 0;
    width: 100%;
    margin-right: 10px
}

.timer_tips {
    margin: 0 auto;
    width: 90%;
    text-align: center;
    padding: 5px;
    color: #ccc
}

.timer_tips span.award_period {
    padding: 0 5px;
    color: #fc0
}

.timer_tips span.award_timer {
    padding: 0 5px;
    color: red;
    margin-left: 10px;
    font-weight: bold;
    font-size: 14px;
    font-family: Arial
}

.betting_controll_panle {
    border: 1px #333 solid;
    background: #222;
    margin-top: 10px;
    position: relative;
    overflow: hidden
}

.betting_type {
    margin: 10px;
    position: relative
}

.betting_type ul,.betting_type ul li {
    float: left;
    display: inline
}

.betting_type ul li {
    margin-right: 5px
}

.betting_type ul li span {
    width: 70px;
    text-align: center;
    cursor: pointer;
    color: #ccc
}

.betting_type ul li.current span {
    background: #f60;
    color: #fff
}

.betting_type ul li:hover span {
    background: #eee
}

#bt_tips,#bt_tips a {
    width: 18px;
    height: 18px
}

#bt_tips {
    position: absolute;
    right: 3px;
    top: 3px
}

#bt_tips a {
    display: block;
    text-align: center;
    line-height: 18px;
    background: #c00;
    color: #fff;
    font-family: Arial,Helvetica,sans-serif
}

#bt_tips a:hover {
    background: #f60;
    color: #fff
}

#play_intro,#play_intro .play_intro_item {
    padding: 5px
}

#play_intro {
    background: #121212
}

.play_intro_item span.pii_name,.play_intro_item a.pii_demo {
    padding: 0 10px
}

.play_intro_item span.pii_name {
    font-weight: bolder;
    color: #fff
}

.play_intro_item a.pii_demo {
    color: #9f0
}

.play_intro_item a.pii_demo:hover {
    color: #fc0;
    text-decoration: underline
}

.bc_sub_header {
    position: relative;
    height: 40px;
    border-bottom: 1px #111 solid
}

.bc_sub_header h4,.bc_sub_header h4 span {
    height: 40px;
    line-height: 40px;
    font-size: 12px;
    color: #fff
}

.bc_sub_header h4 span {
    padding: 0 10px
}

.nubmb_check {
    padding: 0 0
}

.numb_check_item {
	display:none;
    padding: 5px 0;
    height: 24px;
    border-bottom: 1px #111 solid;
    border-top: 1px #333 solid
}

.numb_check_item:hover {
    background: #121212
}

.nci_title,.nci_numbs {
    float: left
}

.nci_sort {
    float: right;
    margin-right: 8px
}

.nci_title,.nci_title span {
    height: 24px;
    line-height: 24px
}

.nci_title {
    margin-left: 5px
}

.nci_title span {
    padding: 0 5px 0 10px;
    width: 50px;
    color: #fff
}

.nci_numbs {
    width: 280px
}

.nci_numbs ol,.nci_numbs ol li {
    float: left;
    display: inline
}

.nci_numbs ol li {
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    margin: 0 2px;
    cursor: pointer;
    font-weight: bold;
    color: #fff;
    font-size: 16px;
    overflow: hidden;
    font-family: Arial
}

.nci_numbs ol li:hover {
    color: #fff
}

.nci_numbs ol li.current {
    color: #fff
}

.nci_sort {
    width: 156px
}

.nci_sort ul,.nci_sort ul li {
    float: left;
    display: inline
}

.nci_sort ul li {
    margin: 0 1px
}

.nci_sort ul li span {
    width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    margin: 2px;
    border: 1px #000 solid;
    cursor: pointer
}

.nci_sort ul li:hover span {
    color: #fff;
    border: 1px #039 solid
}

.nci_sort ul li.current span {
    border: 1px #900 solid;
    color: #fff
}

.betting_model {
    padding: 3px 0
}

.bm_title {
    float: left
}

.bm_title {
    width: 80px
}

.bm_title span {
    padding: 0 10px;
    width: 70px;
    font-weight: bold
}

.bm_model {
    margin-left: 80px
}

.bm_model ul,.bm_model ul li {
    float: left;
    display: inline
}

.bm_model ul li {
    margin-right: 10px;
    height: 24px
}

.bm_model ul li input,.bm_model ul li label {
    vertical-align: middle;
    cursor: pointer;
    color: #999
}

.bm_model ul li.current label {
    color: #fc0
}

.numb_check_button {
    width: 140px;
    position: absolute;
    right: 6px;
    top: 8px
}

.nc_btn,.nc_btn span {
    width: 60px;
    height: 24px
}

.nc_btn {
    float: left;
    margin: 0 5px
}

.nc_btn span {
    text-align: center;
    height: 22px;
    line-height: 22px;
    cursor: pointer;
    color: #fff
}

#add_betting_number span {
    border: 1px #090 solid
}

#clear_betting_number span {
    border: 1px #900 solid
}

.bc_sub_body {
    border-top: 1px #333 solid;
    padding-top: 8px
}

.numb_checked {
    border: 1px #333 solid;
    min-height: 50px;
    margin: 0 8px;
    overflow: auto;
    overflow-x: hidden;
    background: #101010;
    padding: 5px 5px 0 5px
}

.numb_checked span,.numb_checked em,.numb_checked i {
    font-style: normal;
    color: #fff
}

.numb_checked span {
    background: #c00;
    padding: 0 5px;
    margin-right: 5px;
    margin-bottom: 5px
}

.numb_checked em {
    text-align: center;
    padding: 0 2px
}

.bc_form_action {
    position: relative;
    height: 40px;
    margin: 10px
}

.betting_statc {
    position: absolute;
    left: 0;
    top: 8px
}

.bs_str {
    float: left;
    display: inline
}

#record_sum_input {
    position: relative
}

#record_sum_input span {
    background: #c00;
    color: #fff;
    white-space: nowrap;
    font-size: 12px;
    font-weight: normal;
    position: absolute;
    top: -30px;
    left: 0;
    z-index: 99;
    border: 1px #900 solid;
    line-height: 22px
}

.betting_statc .base_text {
    margin: 0 5px
}

.bs_str span {
    padding: 0 5px;
    font-weight: bolder;
    color: #f60
}

.betting_button {
    position: absolute;
    top: 0;
    right: 0
}

.bb_btn {
    border: 1px #ccc solid;
    height: 38px;
    margin-left: 10px;
    float: right;
    padding: 0 20px;
    border-radius: 60px;
    cursor: pointer
}

#slide_check {
    height: 38px
}

.sc_item,.sc_item_lock {
    margin-top: 3px
}

.sc_item span,.sc_item_lock span {
    display: block;
    height: 32px;
    line-height: 32px;
    font-size: 14px!important;
    text-align: center;
    -webkit-text-size-adjust: none
}

.sc_item span em,.sc_item_lock span em {
    font-style: normal;
    padding: 0 5px
}

.sc_item span em.sci_a {
    color: #f60
}

.sc_item span em.sci_b {
    color: #090
}

.sc_item_lock {
    cursor: default
}

.sc_item_lock span,.sc_item_lock span em.sci_a,.sc_item_lock span em.sci_b {
    color: #ccc
}

#betting_btn {
    padding: 0;
    background: none;
    border: none
}

#betting_btn span {
    border: 1px #600 solid;
    color: #fff;
    background: #c00 url(../images/base_sp.png) no-repeat -102px -124px;
    line-height: 38px;
    font-size: 14px;
    font-weight: bold;
    display: block;
    width: 80px;
    padding-left: 40px
}

#betting_btn span:hover {
    background-position: -102px -164px
}

#betting_btn span:active {
    background-position: -102px -204px
}

#betting_btn span.locked {
    background-position: -102px -244px;
    cursor: default
}

.lottery {
}

.win_numbs {
    width: 100px
}

.win_numbs ul,.win_numbs ul li {
    float: left;
    display: inline
}

.win_numbs ul li {
    width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    background: #c00;
    color: #fff;
    margin: 2px 1px
}

.uc_panel .base_cont {
    margin-top: 10px
}

.recharge_cont {
    margin: 10px
}

#recharge_tab .tab_content_item {
    position: relative;
    overflow: hidden
}

#recharge-model {
    margin: 0
}

#recharge-model ul,#recharge-model ul li {
    float: left;
    display: inline
}

#recharge-model ul {
    margin: 1px;
    width: 580px
}

#recharge-model ul li,#recharge-model ul li a {
    width: 280px;
    height: 100px;
    overflow: hidden
}

#recharge-model ul li span {
    display: none
}

#recharge-model ul li {
    margin: 5px
}

#recharge-model ul li a {
    display: block;
    background: url(../images/recharge-model-icon1.png) no-repeat 0 0
}

#recharge-model ul li a#rm-less {
    background-position: 0 0
}

#recharge-model ul li a#rm-more {
    background-position: 0 -100px
}

#recharge-form {
    position: absolute;
    width: 100%;
    height: 299px;
    left: 0;
    top: -300px;
    background: rgba(0,0,0,.9);
    display: none
}

#recharge-form .rf-step {
    display: none
}

#recharge_ban {
    border: 1px #333 solid;
    background: #111;
    color: #ccc;
    text-align: center;
    line-height: 24px;
    padding: 20px;
    margin: 40px
}

#recharge_ban .rb_tips {
    margin-bottom: 20px
}

#recharge_ban .rb_options {
}

#recharge_ban .rb_options .base_button {
    width: 160px;
    margin: 0 auto
}

.recharge_order {
    margin: 20px
}

.recharge_order td {
    padding: 5px
}

#ro_sum {
    position: relative;
    padding-right: 24px;
    width: 60px
}

#ro_submit {
    width: 100px
}

#recharge_order_wrap {
    position: relative;
    overflow: hidden
}

#recharge_type {
    position: absolute;
    width: 573px;
    height: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
    display: none;
    background: rgba(0,0,0,.8)
}

#ro_radios .image_radio {
    border: 1px #222 solid;
    padding-left: 5px
}

#ro_radios .image_radio:hover {
    border: 1px #f90 solid
}

#ro_radios .image_radio label {
    height: 24px;
    overflow: hidden;
    display: inline-block
}

#ro_radios .image_radio label img {
    height: 24px;
    width: 78px
}

.account_info {
    position: absolute;
    background: #222;
    width: 573px;
    left: 753px;
    padding-bottom: 10px
}

.account_operating_tips {
    border: 1px #333 solid;
    background: #111;
    color: #ccc;
    text-align: center;
    line-height: 24px;
    padding: 10px
}

span#aot_cutdown {
    color: #f60;
    padding: 0 5px;
    font-size: 14px
}

span.re_load {
    padding: 0 10px;
    margin-left: 10px;
    color: #fff;
    background: #0cf;
    cursor: pointer
}

.account_info_table {
    margin-top: 10px
}

.account_info_table table,.account_info_table table td {
    border: 1px #333 solid
}

.account_info_table table td {
    padding: 5px
}

.account_info_table table td.t_right {
    text-align: right
}

.account_info_table td span,.account_info_table td a {
    padding: 0 5px
}

.account_info_table td a {
    color: #fc0
}

.account_info_table td a:hover {
    color: #09f
}

.order-info {
    margin: 10px
}

.account_options {
    margin-top: 10px
}

.account_options .base_button_group {
    width: 390px;
    margin: 0 auto
}

.account_options .base_button {
    width: 118px
}

.recharge_tips {
    margin-left: 10px
}

.recharge_tips p {
    line-height: 30px
}

.rebate_cont {
    padding: 10px
}

#bonus_slider {
    position: relative;
    height: 30px;
    width: 100%;
    overflow: hidden;
    margin-bottom: 10px
}

.slide_cont {
    position: relative;
    height: 20px;
    margin: 0 110px;
    padding: 5px 0
}

.slider_bar {
    height: 13px;
    margin: 3px 29px;
    position: relative
}

.slider_bar_line {
    position: relative;
    height: 3px;
    width: 100%;
    top: 5px;
    background: #333
}

.slider_handle {
    width: 13px;
    height: 13px;
    background: #c00;
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
    z-index: 90
}

.slider_qbtn {
    position: absolute;
    top: 5px;
    z-index: 99
}

.slider_qbtn,.slider_qbtn span {
    width: 20px;
    height: 20px
}

.slider_qbtn span {
    display: block;
    text-indent: -300px;
    overflow: hidden;
    cursor: pointer;
    background: url(../images/base_sp.png) no-repeat
}

#bs_reduce {
    left: 0
}

#bs_reduce span {
    background-position: -54px -144px
}

#bs_reduce span:hover {
    background-position: -54px -164px
}

#bs_add {
    right: 0
}

#bs_add span {
    background-position: -74px -144px
}

#bs_add span:hover {
    background-position: -74px -164px
}

.bonus_statc {
    position: absolute;
    top: 0;
    overflow: hidden
}

.bonus_statc span {
    display: block;
    width: 100px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin: 0 auto;
    background: #f60;
    color: #fff;
    font-size: 14px;
    cursor: default
}

#percentage {
    left: 0
}

#proportion {
    right: 0
}

.slide_option_group {
    width: 162px;
    margin: 10px auto 0
}

#betting_order {
    padding: 10px
}

.betting_order_table table,.betting_order_table table tr th,.betting_order_table table tr td {
    border: 1px #333 solid
}

.betting_order_table table tr th,.betting_order_table table tr td {
    border-width: 0 0 1px 0;
    text-align: center
}

.betting_order_table table tr th {
    color: #ccc
}

.betting_order_table table tr th,.betting_order_table table tr td {
    padding: 4px 5px
}

.betting_order_table table tr.dark td {
    background: #131313
}

.betting_order_table table tr.hover td {
    background: #000
}

.betting_order_option {
    margin-top: 10px
}

.betting_order_option .base_button_group {
    width: 190px;
    margin: 0 auto
}

.betting_order_option .base_button {
    width: 88px
}

.betting_order_option #confirm_os {
    border: 1px #060 solid;
    background: #090;
    margin-right: 0
}

#add_lower,#editor_lower {
    width: 450px
}

.add_lower_form {
    padding: 10px
}

.add_lower_form td {
    padding: 5px
}

#userinfo {
    width: 480px
}

.info_table .form_tips {
    color: #666
}

.info_table .form_tips em {
    color: #fc0
}

.rebate_type {
    font-style: normal;
    width: 24px;
    height: 24px;
    margin-left: 5px;
    background: url(../images/base_sp.png) no-repeat -30px -144px;
    text-indent: -300px;
    overflow: hidden;
    vertical-align: top
}

.rebate_type_a {
    background-position: -30px -144px
}

.rebate_type_b {
    background-position: -30px -168px
}

.rebate_type_c {
    background-position: -30px -192px
}

#show_nt {
    position: absolute;
    right: 5px;
    top: 3px
}

#show_nt,#show_nt a {
    width: 60px;
    height: 24px;
    overflow: hidden
}

#show_nt a {
    background: #690;
    color: #fff;
    text-align: center;
    border-radius: 3px
}

#show_nt a:hover {
    background: #c00
}

#novice_tutorial {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0,0,0,.7);
    z-index: 990
}

.nt_item {
    position: absolute;
    z-index: 999;
    display: none
}

.nt_item .nti_text {
    position: absolute
}

.nt_item .nti_text h2,.nt_item .nti_text p {
    display: none
}

.nt_item h4,.nt_item h4 span {
    width: 80px;
    height: 36px;
    overflow: hidden
}

.nt_item h4 {
    position: absolute;
    left: 0;
    top: 0
}

.nt_item h4 span {
    display: block;
    background: url(../images/novice_tutorial/nti_title.png) no-repeat center top;
    text-indent: -300px;
    font-size: 0
}

.nt_item .nti_cancel,.nt_item .nti_cancel a {
    width: 36px;
    height: 36px;
    overflow: hidden
}

.nt_item .nti_cancel {
    position: absolute
}

.nt_item .nti_cancel a {
    display: block;
    width: 36px;
    height: 36px;
    background: url(../images/novice_tutorial/nti_cancel.png) no-repeat 0 0;
    text-indent: -300px;
    font-size: 0;
    -webkit-transition: all .3s
}

.nt_item .nti_cancel a:hover {
    background-position: 0 -36px
}

.nt_item .nti_nav {
    position: absolute;
    left: 0;
    top: 0
}

.nt_item .nti_nav ol,.nti_nav ol li {
    float: left;
    display: inline
}

.nt_item .nti_nav ol li,.nti_nav ol li span {
    width: 20px;
    height: 20px;
    overflow: hidden
}

.nt_item .nti_nav ol li span {
    display: block;
    background: url(../images/novice_tutorial/nti_nav_icon.png) no-repeat 0 0;
    text-indent: -300px;
    font-size: 0
}

.nt_item .nti_nav ol li.current span {
    background-position: 0 -20px
}

.nt_item .nti_option {
    position: absolute;
    height: 30px
}

.nt_item .ntio_button,.nt_item .ntio_button a {
    width: 100px;
    height: 30px
}

.nt_item .ntio_button {
    display: inline-block;
    margin: 0 5px
}

.nt_item .ntio_button a {
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    color: #f33;
    background: #fff;
    border-radius: 50px;
    box-shadow: 0 3px 10px rgba(0,0,0,.5);
    overflow: hidden
}

.nt_item .ntio_button a:hover {
    background: #d92b2b;
    color: #fff;
    box-shadow: inset 1px 3px 5px rgba(0,0,0,.3)
}

#nt_h_base {
    width: 840px;
    height: 320px;
    background: url(../images/novice_tutorial/base_bg.png) no-repeat center top
}

#nt_h_base h4 {
    left: 175px;
    top: 20px
}

#nt_h_base .nti_cancel {
    left: 585px;
    top: 10px
}

#nt_h_base .nti_nav {
    left: 390px;
    top: 270px;
    display: none
}

#nt_h_base .nti_text {
    left: 275px;
    top: 100px;
    width: 345px;
    height: 70px;
    background: url(../images/novice_tutorial/nt_h_base_text.png) no-repeat center top
}

#nt_h_base .nti_option {
    left: 435px;
    top: 190px
}

#nt_h_01 {
    width: 800px;
    height: 340px;
    background: url(../images/novice_tutorial/nt_bg_01.png) no-repeat center top
}

#nt_h_01 h4 {
    left: 210px;
    top: 24px
}

#nt_h_01 .nti_cancel {
    left: 690px;
    top: 30px
}

#nt_h_01 .nti_nav {
    left: 390px;
    top: 270px
}

#nt_h_01 .nti_text {
    left: 210px;
    top: 64px;
    width: 490px;
    height: 220px;
    background: url(../images/novice_tutorial/nt_h_01_text.png) no-repeat center top
}

#nt_h_01 .nti_option {
    left: 210px;
    top: 230px
}

#nt_h_02 {
    width: 800px;
    height: 340px;
    background: url(../images/novice_tutorial/nt_bg_01.png) no-repeat center top
}

#nt_h_02 h4 {
    left: 210px;
    top: 24px
}

#nt_h_02 .nti_cancel {
    left: 690px;
    top: 30px
}

#nt_h_02 .nti_nav {
    left: 490px;
    top: 270px
}

#nt_h_02 .nti_text {
    left: 230px;
    top: 85px;
    width: 450px;
    height: 165px;
    background: url(../images/novice_tutorial/nt_h_02_text.png) no-repeat center top
}

#nt_h_02 .nti_option {
    left: 430px;
    top: 200px
}

#nt_h_03 {
    width: 800px;
    height: 340px;
    background: url(../images/novice_tutorial/nt_bg_01.png) no-repeat center top
}

#nt_h_03 h4 {
    left: 210px;
    top: 24px
}

#nt_h_03 .nti_cancel {
    left: 690px;
    top: 30px
}

#nt_h_03 .nti_nav {
    left: 390px;
    top: 270px
}

#nt_h_03 .nti_text {
    left: 205px;
    top: 60px;
    width: 515px;
    height: 225px;
    background: url(../images/novice_tutorial/nt_h_03_text.png) no-repeat center top
}

#nt_h_03 .nti_option {
    left: 205px;
    top: 210px
}

#vip_trend {
    margin: 20px
}

#vip_trend h4 {
    line-height: 30px;
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 20px
}

#vip_trend h4 span {
    padding: 0 5px
}

#vip_trend ol {
    padding-left: 24px
}

#vip_trend ol li {
    list-style: decimal
}

#vip_trend {
    margin: 20px
}

#vip_trend h4 {
    line-height: 30px;
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 20px
}

#vip_trend h4 span {
    padding: 0 5px
}

#vip_trend ol {
    padding-left: 24px
}

#vip_trend ol li {
    list-style: decimal
}

#vip_options {
    margin: 12px
}

#vip_options ul,#vip_options ul li {
    float: left;
    display: inline
}

#vip_options ul li,#vip_options ul li a {
    width: 270px;
    height: 100px;
    overflow: hidden
}

#vip_options ul li span {
    display: none
}

#vip_options ul li {
    margin: 5px
}

#vip_options ul li a {
    display: block;
    background: url(../images/vips.png) no-repeat 0 0
}

#vip_options ul li a#open_vip {
    background-position: 0 0
}

#vip_options ul li a#compre_vip {
    background-position: 0 -100px
}

#vip_options ul li a#opened_vip {
    background-position: 0 -200px
}

#vip_open .option_tips,#vip_open .form_table {
    margin: 10px
}

#notice-base {
    padding: 5px;
    position: relative
}

#notice-base .nb-item {
    margin: 10px;
    border: 1px #333 solid;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0,0,0,.3)
}

#notice-base .nbi-header {
    cursor: pointer;
    position: relative;
    overflow: hidden
}

#notice-base .nbi-content {
    white-space: pre;
    word-wrap: break-word;
    display: none;
    padding: 8px;
    border-top: 1px #333 solid;
    box-shadow: inset 0 3px 10px rgba(0,0,0,.3)
}

#notice-base .nbi-content a,#notice-base .nbi-content i,#notice-base .nbi-content em,#notice-base .nbi-content span,#notice-base .nbi-content b,#notice-base .nbi-content strong {
    text-indent: 0
}

#notice-base .nbi-header h4 {
    height: 24px;
    line-height: 24px;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    padding: 0 10px;
    margin: 6px 36px 6px 0
}

#notice-base .nbi-header button {
    cursor: pointer;
    display: block;
    border: none;
    position: absolute;
    right: 6px;
    top: 2px;
    width: 32px;
    height: 32px;
    overflow: hidden;
    font-size: 0;
    background: url(../images/nbih-handle.png) no-repeat 0 0
}

#notice-base .active .nbi-header button {
    background-position: -32px 0
}

#notice-base .active .nbi-content {
    display: block
}

#activity-handle,#activity-handle a {
    width: 96px;
    height: 96px;
    overflow: hidden
}

#activity-handle {
    position: fixed;
    left: 0;
    bottom: 130px;
    z-index: 999
}

#activity-handle a {
    background: url(../images/activity-handle.png) no-repeat 0 0;
    display: block;
    font-size: 0
}

.activity-list {
    position: relative;
    margin: 10px
}

.activity-list .item {
    margin: 15px 5px;
    position: relative;
    width: 563px
}

.activity-list .ali-image,.activity-list .ali-image a,.activity-list .ali-image img {
    width: 563px;
    height: 100px;
    overflow: hidden
}

.activity-list .ali-status,.activity-list .ali-status span {
    width: 60px;
    height: 20px;
    line-height: 20px;
    overflow: hidden
}

.activity-list .ali-status {
    position: absolute;
    right: 5px;
    top: 5px;
    border-radius: 10px
}

.activity-list .ali-status span {
    display: block;
    text-align: center;
    background-color: #c00;
    color: #fff
}

.activity-list .ali-image {
    border-radius: 4px;
    box-shadow: 0 1px 3px #000
}

.activity-list .ali-image a {
    display: block
}

.activity-list .ali-info {
    display: none;
    margin-top: 5px;
    border-radius: 4px;
    padding: 8px;
    border: 1px #333 solid;
    box-shadow: inset 0 3px 10px rgba(0,0,0,.3)
}

.activity-list .ali-new .ali-status span {
    background-color: #f90
}

.activity-list .ali-closed .ali-status span {
    background-color: #333
}

#trace_number_sort {
    margin: 10px auto;
    border: 1px #333 solid;
    padding: 5px
}

#trace_number_sort .tnsi_sub label {
    position: absolute;
    left: 0;
    top: 0
}

#trace_number_sort .tnsi_sub {
    float: left;
    margin: 5px;
    position: relative
}

.tnsis_label {
    padding-left: 70px
}

#trace_number_info {
    margin: 10px auto;
    border: 1px #333 solid;
    padding: 5px
}

#trace_number_info .tni_table {
    margin-bottom: 5px
}

#trace_number_info table,#trace_number_info th,#trace_number_info td {
    border: 1px #333 solid;
    color: #999
}

#trace_number_info td.tnit_title {
    width: 80px;
    text-align: right
}

#trace_number_info .tni_option .base_button {
    margin: 5px;
    width: 80px
}

#trace_number_panel {
    position: relative;
    margin-top: 10px;
    border: 1px #333 solid
}

#trace_number_panel .tnp_item {
    padding: 5px
}

#trace_number_panel .tnph_item {
    float: left;
    margin-right: 10px
}

#trace_number_panel .tnp_content {
    border-top: 1px #333 solid;
    display: none;
    padding: 10px
}

.trace_number_option {
    position: relative;
    padding: 5px;
    margin-top: 10px
}

.tno_form {
    margin-right: 140px
}

.tnof_item {
    color: #999;
    float: left;
    margin: 5px;
    position: relative;
    padding-left: 80px
}

.tnof_item h4 {
    position: absolute;
    left: 0;
    top: 0;
    width: 70px;
    text-align: right
}

.tnof_item span,.tnof_item input {
    margin: 0 5px
}

.tnof_item .base_text {
    width: 30px;
    color: #fff
}

.tno_confirm {
    position: absolute;
    right: 0;
    top: 0;
    width: 140px;
    height: 100%
}

.tno_confirm button {
    border: none;
    cursor: pointer;
    display: block;
    margin: 0 auto
}

.tno_confirm button i {
    display: none
}

.tno_confirm button.tno_submit {
    width: 120px;
    height: 36px;
    background: url(../images/tn_create.png) no-repeat 0 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -60px;
    margin-top: -18px
}

.tno_confirm button.tno_submit:active {
    background-position: 0 -36px
}

.trace_number_table {
    position: relative;
    height: 200px;
    overflow: auto;
    padding: 8px
}

.trace_number_table td {
    text-align: center
}

.trace_number_table .base_text,.trace_number_table .disabled_text {
    width: 30px;
    margin-right: 3px
}

.trace_number_table .base_text {
    color: #fff
}

.nav-sub-cont {
    margin: 150px auto;
    padding: 10px;
    width: 340px
}

#aboutus,#faq {
    width: 580px
}

#nav-sub {
    position: absolute;
    left: 50%;
    bottom: 140px;
    width: 400px;
    margin-left: -190px
}

#nav-sub ul,#nav-sub ul li {
    float: left;
    display: inline
}

#nav-sub ul li {
    padding: 0 5px
}

#nav-sub ul li a {
    display: block;
    text-align: center;
    width: 90px;
    height: 28px;
    line-height: 28px;
    color: #f90;
    background-color: #500;
    border-radius: 16px
}

#nav-sub ul li a:hover {
    background-color: #500;
    color: #fff;
    box-shadow: inset 0 5px 10px rgba(0,0,0,.3)
}

#support {
    display: none;
    position: fixed;
    right: 60px;
    bottom: 40px;
    z-index: 99;
    width: 42px;
    height: 42px
}

#support .s-handle,#support .s-handle a {
    width: 32px;
    height: 32px;
    border-radius: 24px
}

#support .s-handle {
    padding: 5px;
    position: relative;
    z-index: 99
}

#support .s-handle a {
    display: block;
    background: url(images/support-handle.png) no-repeat center top;
    font-size: 0
}

#support .s-menu {
    z-index: 9;
    position: absolute;
    right: -39px;
    bottom: 42px
}

#support .s-menu ul {
    width: 120px;
    height: 185px;
    background: #fff;
    border-radius: 3px;
    overflow: hidden;
    box-shadow: 0 3px 1px -2px #aaa,0 5px 1px -4px #ccc,0 7px 1px -6px #ddd,0 10px 20px rgba(0,0,0,.5)
}

#support .s-menu li {
    border-bottom: 1px #ddd solid;
    white-space: nowrap;
    overflow: hidden
}

#support .s-menu li:last-child {
    border-bottom: none
}

#support .s-menu li a {
    display: block;
    padding: 0 10px;
    line-height: 30px;
    text-align: center
}

#support .s-menu li a:hover {
    color: #fff;
    background-color: #f60;
    box-shadow: inset 0 0 10px rgba(164,0,0,.8)
}

#nav-sub ul li a,#support .s-handle,#support .s-menu ul,#support .s-menu li a {
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s
}

#support .s-menu,#support .s-menu ul {
    perspective: 240px;
    -webkit-perspective: 240px;
    -moz-perspective: 240px
}

#support .s-menu ul {
    transform-style: preserve-3d;
    transform-origin: 50% 50%;
    transform: rotateY(90deg);
    -webkit-transform-style: preserve-3d;
    -webkit-transform-origin: 75% 50%;
    -webkit-transform: rotateY(90deg);
    -moz-transform-style: preserve-3d;
    -moz-transform-origin: 50% 50%;
    -moz-transform: rotateY(90deg);
    opacity: 0
}

#support.active .s-menu ul {
    transform: rotateY(360deg);
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    opacity: 1
}

#support .s-handle {
    animation: blink 3s infinite;
    -moz-animation: blink 3s infinite;
    -webkit-animation: blink 3s infinite;
    -o-animation: blink 3s infinite;
    -ms-animation: blink 3s infinite
}

#support.active .s-handle {
    animation: none;
    -moz-animation: none;
    -webkit-animation: none;
    -o-animation: none;
    -ms-animation: none
}

@keyframes blink {
    0% {
        box-shadow: 0 0 0 #500,inset 0 0 0 #500
    }

    25% {
        box-shadow: 0 0 40px #f60,inset 0 0 10px #f60
    }

    50% {
        box-shadow: 0 0 0 #500,inset 0 0 0 #500
    }

    75% {
        box-shadow: 0 0 40px #f60,inset 0 0 10px #f60
    }

    100% {
        box-shadow: 0 0 0 #500,inset 0 0 0 #500
    }
}

@-moz-keyframes blink {
    0% {
        box-shadow: 0 0 0 #500,inset 0 0 0 #500
    }

    25% {
        box-shadow: 0 0 40px #f60,inset 0 0 10px #f60
    }

    50% {
        box-shadow: 0 0 0 #500,inset 0 0 0 #500
    }

    75% {
        box-shadow: 0 0 40px #f60,inset 0 0 10px #f60
    }

    100% {
        box-shadow: 0 0 0 #500,inset 0 0 0 #500
    }
}

@-webkit-keyframes blink {
    0% {
        box-shadow: 0 0 0 #500,inset 0 0 0 #500
    }

    25% {
        box-shadow: 0 0 40px #f60,inset 0 0 10px #f60
    }

    50% {
        box-shadow: 0 0 0 #500,inset 0 0 0 #500
    }

    75% {
        box-shadow: 0 0 40px #f60,inset 0 0 10px #f60
    }

    100% {
        box-shadow: 0 0 0 #500,inset 0 0 0 #500
    }
}

@-o-keyframes blink {
    0% {
        box-shadow: 0 0 0 #500,inset 0 0 0 #500;
    }

    25% {
        box-shadow: 0 0 40px #f60,inset 0 0 10px #f60;
    }

    50% {
        box-shadow: 0 0 0 #500,inset 0 0 0 #500;
    }

    75% {
        box-shadow: 0 0 40px #f60,inset 0 0 10px #f60;
    }

    100% {
        box-shadow: 0 0 0 #500,inset 0 0 0 #500;
    }
}

@-ms-keyframes blink {
    0% {
        box-shadow: 0 0 0 #500,inset 0 0 0 #500
    }

    25% {
        box-shadow: 0 0 40px #f60,inset 0 0 10px #f60
    }

    50% {
        box-shadow: 0 0 0 #500,inset 0 0 0 #500
    }

    75% {
        box-shadow: 0 0 40px #f60,inset 0 0 10px #f60
    }

    100% {
        box-shadow: 0 0 0 #500,inset 0 0 0 #500
    }
}

.nav-sub {
    position: absolute;
    left: 120px;
    top: 10px
}

.nav-sub ul,.nav-sub ul li {
    float: left;
    display: inline
}

.nav-sub ul li {
    border-left: 1px #444 solid
}

.nav-sub ul li a {
    display: block;
    text-align: center;
    padding: 0 10px;
    height: 12px;
    line-height: 12px
}

.nav-sub ul li a:hover {
    color: #fc0;
    text-decoration: underline
}

.nav ul li a,.page_nav ul li a,.page_nav ul li span,.tab_nav ul li a,.tab_nav ul li span,.betting_type ul li span,.list_nav ul li a,span.re_load,#system_msg_locker em,#regiest_step_nav,#user_image,#user_image img,#cad_body_wrap .close,#cad_body_wrap .close span,#bt_tips a {
    border-radius: 30px
}

.aw_item {
    border-radius: 300px
}

#system_msg_locker {
    border-radius: 0 30px 30px 0
}

.award_check span,.awi_cutdown h4,.bt_item_last_title,.win_numbs ul li,.timer,.aw_title,.aw_cutdown h5,.bt_item_name,.base_button,#betting_btn,#betting_btn span,.slider_handle,.bonus_statc span,.slider_bar_line {
    border-radius: 50px
}

.bt_item_win_numbers,.nci_numbs ol li,.aw_betting_button span,#move_type,.password_set_list td span {
    border-radius: 100px
}

#wrap,.la_main,.awi_block a,.bt_item_cutdown_timer span,#home_slide,.cad_list ul li,.sm_wrap,.sm_cont,#regiest_content {
    border-radius: 5px
}

.crumbs,.awi_cutdown,.lmf_button input,.base_cont,.base_text,.disabled_text,.i_select_handle,.base_tips,.pass_handle,.pass_form,.timer_tips span.award_timer,.betting_controll_panle,.nci_sort ul li span,.numb_checked,.nc_btn span,#record_sum_input span,.numb_checked span,#body_message,.form_msg,.form_text,.l_form_text,.changed_tips span,.dialog,.dialog_main,.ui-datepicker,.fix_tips,#notice-base .nb-item,#trend_handle a {
    border-radius: 3px
}

#forget_pass span,.page_tips span {
    border-radius: 0 0 5px 5px
}

.header {
    border-radius: 5px 5px 0 0
}

body {
    box-shadow: inset 0 0 20px #000
}

.cad_body,.changed_tips span,.ui-datepicker,#move_type,#move_tag {
    box-shadow: 0 5px 10px rgba(0,0,0,.8)
}

.dialog,.dialog_main,.sm_wrap,.sm_cont,#record_sum_input span,#body_message,.lcb_body,#regiest_content,#regiest_step_nav,.issue {
    box-shadow: 0 0 10px rgba(0,0,0,.5)
}

.aw_item {
    box-shadow: 0 20px 30px -10px rgba(0,0,0,.8)
}

.award_check span,.close span,.dialog_close span,#forget_pass span {
    box-shadow: 0 0 5px rgba(0,0,0,.5)
}

.list_nav ul li.current a,.list_nav ul li a:hover {
    box-shadow: inset 0 0 10px #900
}

#home_slide {
    box-shadow: inset 0 0 10px #000
}

.awi_block a {
    box-shadow: 0 5px 10px #000
}

#pass_back,.form_msg,.fix_tips {
    box-shadow: 0 3px 10px rgba(0,0,0,.6)
}

.cad_list ul li span,.awi_cutdown h4,.aw_cutdown h5 {
    box-shadow: inset 0 1px 0 rgba(0,0,0,.3)
}

.base_text,.numb_checked {
    box-shadow: inset 1px 1px 3px rgba(0,0,0,.1)
}

.cad_list ul li span {
    box-shadow: inset 0 0 5px rgba(0,0,0,.8)
}

.cad_list ul li span:hover,.timer {
    box-shadow: inset 0 2px 10px rgba(0,0,0,.8)
}

#system_msg_locker {
    box-shadow: inset 0 1px 6px rgba(0,0,0,.2)
}

.la_main {
    box-shadow: inset 0 0 10px #030
}

.lmf_input,.slider_bar_line {
    box-shadow: inset 1px 1px 0 #000
}

.base_cont,.betting_controll_panle,.betting_info,#bt_tips a {
    box-shadow: 0 1px 3px rgba(0,0,0,.1)
}

.base_button {
    box-shadow: 0 1px 1px rgba(0,0,0,.1)
}

.betting_type ul li.current span {
    box-shadow: 0 1px 4px #900
}

#side_tag ul li:last-child {
    box-shadow: 0 5px 5px rgba(0,0,0,.8)
}

#wrap {
    box-shadow: 0 1px 2px #121212,0 2px 3px #121212,0 3px 4px #121212,0 5px 20px #000
}

.aw_betting_button span {
    box-shadow: 0 1px 2px #009,0 2px 2px #007,0 4px 1px #005,0 6px 20px #000
}

.aw_title,.aw_betting_button span.locked {
    box-shadow: 0 1px 2px #400,0 2px 2px #500,0 4px 1px #600,0 6px 20px #000
}

.bt_item_win_numbers {
    box-shadow: 0 0 8px #000
}

.nav ul li:hover a,.page_nav ul li:hover a,.page_nav ul li:hover span,.tab_nav ul li:hover a,.tab_nav ul li:hover span,.betting_type ul li:hover span,.list_nav ul li:hover a {
    box-shadow: inset 0 0 5px #000
}

.nav ul li.current a,.page_nav ul li.current a,.page_nav ul li.current span,.tab_nav ul li.current a,.tab_nav ul li.current span,.betting_type ul li.current span,.list_nav ul li.current a,.slider_handle,.nci_numbs ol li,#cad_body_wrap .close {
    box-shadow: 0 1px 1px #000
}

.nci_numbs ol li.current {
    box-shadow: 0 1px 2px #900,0 3px 5px #300
}

#regiest_step_nav {
    box-shadow: 0 1px 2px #600,0 2px 3px #800,0 3px 4px #900,0 5px 8px #000
}

#regiest_step_nav ul li.current {
    box-shadow: inset 0 0 20px #300
}

.password_set_list td span {
    box-shadow: inset 0 1px 0 #555,inset 0 -1px 0 #222
}

.password_set_list td span:hover {
    box-shadow: inset 0 1px 0 #0cf,inset 0 -1px 0 #039
}

.password_set_list td span.current {
    box-shadow: inset 0 1px 0 #f70,inset 0 -1px 0 #600
}

td.ui-datepicker-today a {
    box-shadow: inset 1px 1px 5px #060
}

td a.ui-state-hover {
    box-shadow: inset 1px 1px 5px #900
}

td a.ui-state-active {
    box-shadow: inset 1px 1px 5px #039
}

.user_agent ul li a:hover {
    box-shadow: inset 0 1px 5px #600
}

.sm_statc {
    text-shadow: 0 -1px 1px #000
}

.aw_cutdown h6,.ui-datepicker td {
    text-shadow: 0 3px 6px #000
}

#betting_btn,.list_nav ul li.current a,.list_nav ul li a:hover,#regiest_step_nav ul li,#bt_tips a {
    text-shadow: 0 1px 0 #900
}

.bt_item_cutdown_timer span {
    text-shadow: 0 3px 6px #000
}

.timer ul li,.aw_title h2 {
    text-shadow: 0 -1px 0 rgba(0,0,0,.5)
}

.aw_betting_button a {
    text-shadow: 0 -1px 0 #009
}

.nci_numbs ol li {
    text-shadow: 0 -1px 1px #333
}

.lmf_button input,.nci_numbs ol li.current,#show_nt a {
    text-shadow: 0 -1px 0 #900
}

.bt_item_win_numbers ol li span {
    text-shadow: 0 3px 6px #600
}

.page_nav ul li.current a,.page_nav ul li a:hover,.betting_type ul li span,.betting_type ul li:hover span {
    text-shadow: 0 -1px 0 #000
}

.nav ul li a,.page_nav ul li a,.page_nav ul li span,.tab_nav ul li a,.tab_nav ul li span,.betting_type ul li span,.list_nav ul li:hover a {
    text-shadow: 0 -1px 0 #000
}

.nc_btn span {
    text-shadow: 0 1px 0 rgba(0,0,0,.5)
}

.nav ul li.current a,.page_nav ul li.current a,.page_nav ul li.current span,.tab_nav ul li.current a,.tab_nav ul li.current span,.betting_type ul li.current span,.list_nav ul li.current a,#system_msg_locker span,#system_msg_locker em {
    text-shadow: 0 1px 0 #900
}

#confirm_os button {
    text-shadow: 0 1px 0 #690
}

.base_button input,.base_button button,.base_button span,.red_button input,.red_button button {
    text-shadow: 0 1px 0 #600
}

.green_button input,.green_button button,.green_button span {
    text-shadow: 0 1px 0 #030
}

#system_msg_locker:hover span {
    text-shadow: 0 -1px 0 #900
}

.password_set_list td span {
    text-shadow: 0 1px 2px #000
}

.password_set_list td span:hover {
    text-shadow: 0 1px 2px #039
}

.password_set_list td span.current {
    text-shadow: 0 1px 2px #600
}

#side_tag ul li a {
    text-shadow: 0 -1px 0 #000
}

#side_tag ul li a:hover {
    text-shadow: 0 1px 2px #000
}

#side_tag ul li.current a {
    text-shadow: 0 1px 2px #600
}

.win_numbs ul li,.nci_sort ul li:hover span {
    background-image: linear-gradient(bottom,#0061fe 0%,#00baff 100%);
    background-image: -o-linear-gradient(bottom,#0061fe 0%,#00baff 100%);
    background-image: -moz-linear-gradient(bottom,#0061fe 0%,#00baff 100%);
    background-image: -webkit-linear-gradient(bottom,#0061fe 0%,#00baff 100%);
    background-image: -ms-linear-gradient(bottom,#0061fe 0%,#00baff 100%)
}

.toggle_list .tli_header,.nci_sort ul li span,.bb_btn,.slider_handle,#login_statc:hover {
    background-image: linear-gradient(bottom,#eee 0%,#fff 100%);
    background-image: -o-linear-gradient(bottom,#eee 0%,#fff 100%);
    background-image: -moz-linear-gradient(bottom,#eee 0%,#fff 100%);
    background-image: -webkit-linear-gradient(bottom,#eee 0%,#fff 100%);
    background-image: -ms-linear-gradient(bottom,#eee 0%,#fff 100%)
}

.dialog_header,.sm_header,.base_cont .cont_header,.nci_sort ul li span,.timer,#side_tag ul li a,.list_table table tr th,.order_info table tr th,.betting_order_table table tr th {
    background-image: linear-gradient(bottom,#010101 0%,#232323 100%);
    background-image: -o-linear-gradient(bottom,#010101 0%,#232323 100%);
    background-image: -moz-linear-gradient(bottom,#010101 0%,#232323 100%);
    background-image: -webkit-linear-gradient(bottom,#010101 0%,#232323 100%);
    background-image: -ms-linear-gradient(bottom,#010101 0%,#232323 100%)
}

.header,.nci_numbs ol li.current,.nci_sort ul li.current span,.bt_item_last_title,.betting_type ul li.current span,.recharge_button a,.fm_error,#regiest_step_nav,.fix_tips,#bt_tips a,#trend_handle a:hover {
    background-image: linear-gradient(bottom,#c00 0%,#f60 100%);
    background-image: -o-linear-gradient(bottom,#c00 0%,#f60 100%);
    background-image: -moz-linear-gradient(bottom,#c00 0%,#f60 100%);
    background-image: -webkit-linear-gradient(bottom,#c00 0%,#f60 100%);
    background-image: -ms-linear-gradient(bottom,#c00 0%,#f60 100%)
}

.nci_numbs ol li,.password_set_list td span,#forget_pass span {
    background-image: linear-gradient(bottom,#333 0%,#555 100%);
    background-image: -o-linear-gradient(bottom,#333 0%,#555 100%);
    background-image: -moz-linear-gradient(bottom,#333 0%,#555 100%);
    background-image: -webkit-linear-gradient(bottom,#333 0%,#555 100%);
    background-image: -ms-linear-gradient(bottom,#333 0%,#555 100%)
}

.bt_item_win_numbers,.bt_item_name,#show_nt a,#bt_tips a:hover {
    background-image: linear-gradient(bottom,#ff6801 0%,#fc6 100%);
    background-image: -o-linear-gradient(bottom,#ff6801 0%,#fc6 100%);
    background-image: -moz-linear-gradient(bottom,#ff6801 0%,#fc6 100%);
    background-image: -webkit-linear-gradient(bottom,#ff6801 0%,#fc6 100%);
    background-image: -ms-linear-gradient(bottom,#ff6801 0%,#fc6 100%)
}

.base_button,.red_button,#pass_back .pb_button input,#show_nt a:hover {
    background-image: linear-gradient(bottom,#c00 0%,#f60 100%);
    background-image: -o-linear-gradient(bottom,#c00 0%,#f60 100%);
    background-image: -moz-linear-gradient(bottom,#c00 0%,#f60 100%);
    background-image: -webkit-linear-gradient(bottom,#c00 0%,#f60 100%);
    background-image: -ms-linear-gradient(bottom,#c00 0%,#f60 100%)
}

.aw_title {
    background-image: linear-gradient(bottom,#c00 0%,#f60 100%);
    background-image: -o-linear-gradient(bottom,#c00 0%,#f60 100%);
    background-image: -moz-linear-gradient(bottom,#c00 0%,#f60 100%);
    background-image: -webkit-linear-gradient(bottom,#c00 0%,#f60 100%);
    background-image: -ms-linear-gradient(bottom,#c00 0%,#f60 100%)
}

span.re_load,.bonus_statc span,.slider_handle:hover,.blue_button,.password_set_list td span:hover,#forget_pass span:hover {
    background-image: linear-gradient(bottom,#0061fe 0%,#00baff 100%);
    background-image: -o-linear-gradient(bottom,#0061fe 0%,#00baff 100%);
    background-image: -moz-linear-gradient(bottom,#0061fe 0%,#00baff 100%);
    background-image: -webkit-linear-gradient(bottom,#0061fe 0%,#00baff 100%);
    background-image: -ms-linear-gradient(bottom,#0061fe 0%,#00baff 100%)
}

#move_tag,.nav ul li:hover a,.page_nav ul li:hover a,.page_nav ul li:hover span,.tab_nav ul li:hover a,.tab_nav ul li:hover span,.betting_type ul li:hover span,.list_nav ul li:hover a {
    background-image: linear-gradient(bottom,#010101 0%,#232323 100%);
    background-image: -o-linear-gradient(bottom,#010101 0%,#232323 100%);
    background-image: -moz-linear-gradient(bottom,#010101 0%,#232323 100%);
    background-image: -webkit-linear-gradient(bottom,#010101 0%,#232323 100%);
    background-image: -ms-linear-gradient(bottom,#010101 0%,#232323 100%)
}

.nav ul li.current a,.page_nav ul li.current a,.page_nav ul li.current span,.tab_nav ul li.current a,.tab_nav ul li.current span,.betting_type ul li.current span,.list_nav ul li.current a {
    background-image: linear-gradient(bottom,#f60 0%,#fc0 100%);
    background-image: -o-linear-gradient(bottom,#f60 0%,#fc0 100%);
    background-image: -moz-linear-gradient(bottom,#f60 0%,#fc0 100%);
    background-image: -webkit-linear-gradient(bottom,#f60 0%,#fc0 100%);
    background-image: -ms-linear-gradient(bottom,#f60 0%,#fc0 100%)
}

#add_betting_number span,.betting_order_option #confirm_os,.fm_ok,.green_button {
    background-image: linear-gradient(bottom,#0a7c24 0%,#33ca00 100%);
    background-image: -o-linear-gradient(bottom,#0a7c24 0%,#33ca00 100%);
    background-image: -moz-linear-gradient(bottom,#0a7c24 0%,#33ca00 100%);
    background-image: -webkit-linear-gradient(bottom,#0a7c24 0%,#33ca00 100%);
    background-image: -ms-linear-gradient(bottom,#0a7c24 0%,#33ca00 100%)
}

#clear_betting_number span,#record_sum_input span,.password_set_list td span.current {
    background-image: linear-gradient(bottom,#c00 0%,#f60 100%);
    background-image: -o-linear-gradient(bottom,#c00 0%,#f60 100%);
    background-image: -moz-linear-gradient(bottom,#c00 0%,#f60 100%);
    background-image: -webkit-linear-gradient(bottom,#c00 0%,#f60 100%);
    background-image: -ms-linear-gradient(bottom,#c00 0%,#f60 100%)
}

.numb_checked span {
    background-image: linear-gradient(bottom,#333 0%,#555 100%);
    background-image: -o-linear-gradient(bottom,#333 0%,#555 100%);
    background-image: -moz-linear-gradient(bottom,#333 0%,#555 100%);
    background-image: -webkit-linear-gradient(bottom,#333 0%,#555 100%);
    background-image: -ms-linear-gradient(bottom,#333 0%,#555 100%)
}

#system_msg_locker {
    background-image: linear-gradient(bottom,#ff6801 0%,#fc6 100%);
    background-image: -o-linear-gradient(bottom,#ff6801 0%,#fc6 100%);
    background-image: -moz-linear-gradient(bottom,#ff6801 0%,#fc6 100%);
    background-image: -webkit-linear-gradient(bottom,#ff6801 0%,#fc6 100%);
    background-image: -ms-linear-gradient(bottom,#ff6801 0%,#fc6 100%)
}

.numb_checked span:hover,#system_msg_locker:hover {
    background-image: linear-gradient(bottom,#c00 0%,#f90 100%);
    background-image: -o-linear-gradient(bottom,#c00 0%,#f90 100%);
    background-image: -moz-linear-gradient(bottom,#c00 0%,#f90 100%);
    background-image: -webkit-linear-gradient(bottom,#c00 0%,#f90 100%);
    background-image: -ms-linear-gradient(bottom,#c00 0%,#f90 100%)
}

#side_tag ul li.current a {
    background-image: linear-gradient(bottom,#0a7c24 0%,#33ca00 100%);
    background-image: -o-linear-gradient(bottom,#0a7c24 0%,#33ca00 100%);
    background-image: -moz-linear-gradient(bottom,#0a7c24 0%,#33ca00 100%);
    background-image: -webkit-linear-gradient(bottom,#0a7c24 0%,#33ca00 100%);
    background-image: -ms-linear-gradient(bottom,#0a7c24 0%,#33ca00 100%)
}

#tpwb_marquee_shadow_top {
    background-image: linear-gradient(bottom,rgba(0,0,0,0) 0%,#222 100%);
    background-image: -moz-linear-gradient(bottom,rgba(0,0,0,0) 0%,#222 100%);
    background-image: -webkit-linear-gradient(bottom,rgba(0,0,0,0) 0%,#222 100%);
    background-image: -o-linear-gradient(bottom,rgba(0,0,0,0) 0%,#222 100%);
    background-image: -ms-linear-gradient(bottom,rgba(0,0,0,0) 0%,#222 100%)
}

#tpwb_marquee_shadow_bottom {
    background-image: linear-gradient(bottom,#222 0%,rgba(0,0,0,0) 100%);
    background-image: -moz-linear-gradient(bottom,#222 0%,rgba(0,0,0,0) 100%);
    background-image: -webkit-linear-gradient(bottom,#222 0%,rgba(0,0,0,0) 100%);
    background-image: -o-linear-gradient(bottom,#222 0%,rgba(0,0,0,0) 100%);
    background-image: -ms-linear-gradient(bottom,#222 0%,rgba(0,0,0,0) 100%)
}

.login_cont_body {
    -webkit-perspective: 500;
    -webkit-perspective-origin: center bottom
}

.cad_list ul li span,.ps_step ul li.ps_model_b span,.ps_step ul li.ps_model_b em,.tli_header button {
    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s
}

td {
    transition: background .3s;
    -moz-transition: background .3s;
    -webkit-transition: background .3s;
    -o-transition: background .3s
}

.body_loaded .lcb_item {
    animation: page_in .5s ease-out;
    -moz-animation: page_in .5s ease-out;
    -webkit-animation: page_in .5s ease-out;
    -o-animation: page_in .5s ease-out
}

.body_loaded #light_filter {
    animation: lightrotate 30s infinite alternate;
    -moz-animation: lightrotate 30s infinite alternate;
    -webkit-animation: lightrotate 30s infinite alternate;
    -o-animation: lightrotate 30s infinite alternate
}

.body_loaded #l_header_ad {
    animation: adin 1s ease-out;
    -moz-animation: adin 1s ease-out;
    -webkit-animation: adin 1s ease-out;
    -o-animation: adin 1s ease-out
}

.dialog {
    animation: dialog_in .4s;
    -webkit-animation: dialog_in .4s;
    -moz-animation: dialog_in .4s;
    -o-animation: dialog_in .4s
}

.dialog_out {
    animation: dialog_out .4s;
    -webkit-animation: dialog_out .4s;
    -moz-animation: dialog_out .4s;
    -o-animation: dialog_out .4s
}

#body_message {
    animation: msg_in .5s;
    -moz-animation: msg_in .5s;
    -webkit-animation: msg_in .5s;
    -o-animation: msg_in .5s
}

.showed {
    animation: pass_back .5s;
    -moz-animation: pass_back .5s;
    -webkit-animation: pass_back .5s;
    -o-animation: pass_back .5s
}

#activity-handle {
    animation: zoom .8s alternate infinite;
    -webkit-animation: zoom .8s alternate infinite;
    -moz-animation: zoom .8s alternate infinite;
    -o-animation: zoom .8s alternate infinite;
    -ms-animation: zoom .8s alternate infinite
}

@keyframes zoom {
    0% {
        transform: scale(.9,.9)
    }

    100% {
        transform: scale(1,1)
    }
}

@-webkit-keyframes zoom {
    0% {
        -webkit-transform: scale(.9,.9)
    }

    100% {
        -webkit-transform: scale(1,1)
    }
}

@-moz-keyframes zoom {
    0% {
        -moz-transform: scale(.9,.9)
    }

    100% {
        -moz-transform: scale(1,1)
    }
}

@-o-keyframes zoom {
    0% {
        -o-transform: scale(.9,.9);
    }

    100% {
        -o-transform: scale(1,1);
    }
}

@-ms-keyframes zoom {
    0% {
        -ms-transform: scale(.9,.9)
    }

    100% {
        -ms-transform: scale(1,1)
    }
}

@keyframes lightrotate {
    0% {
        transform: rotateZ(0)
    }

    50% {
        transform: rotateZ(360deg)
    }

    100% {
        transform: rotateZ(0)
    }
}

@-webkit-keyframes lightrotate {
    0% {
        -webkit-transform: rotateZ(0)
    }

    50% {
        -webkit-transform: rotateZ(360deg)
    }

    100% {
        -webkit-transform: rotateZ(0)
    }
}

@-moz-keyframes lightrotate {
    0% {
        -moz-transform: rotateZ(0)
    }

    50% {
        -moz-transform: rotateZ(360deg)
    }

    100% {
        -moz-transform: rotateZ(0)
    }
}

@-o-keyframes lightrotate {
    0% {
        -o-transform: rotateZ(0);
    }

    50% {
        -o-transform: rotateZ(360deg);
    }

    100% {
        -o-transform: rotateZ(0);
    }
}

@keyframes pass_back {
    from {
        transform: rotateX(90deg)
    }

    to {
        transform: rotateX(0)
    }
}

@-webkit-keyframes pass_back {
    from {
        -webkit-transform: rotateX(90deg)
    }

    to {
        -webkit-transform: rotateX(0)
    }
}

@-moz-keyframes pass_back {
    from {
        -moz-transform: rotateX(90deg)
    }

    to {
        -moz-transform: rotateX(0)
    }
}

@-o-keyframes pass_back {
    from {
        -o-transform: rotateX(90deg);
    }

    to {
        -o-transform: rotateX(0);
    }
}

@keyframes msg_in {
    from {
        transform: rotateX(90deg)
    }

    to {
        transform: rotateX(0)
    }
}

@-webkit-keyframes msg_in {
    from {
        -webkit-transform: rotateX(90deg)
    }

    to {
        -webkit-transform: rotateX(0)
    }
}

@-moz-keyframes msg_in {
    from {
        -moz-transform: rotateX(90deg)
    }

    to {
        -moz-transform: rotateX(0)
    }
}

@-o-keyframes msg_in {
    from {
        -o-transform: rotateX(90deg);
    }

    to {
        -o-transform: rotateX(0);
    }
}

@keyframes adin {
    from {
        right: 100px
    }

    to {
        right: -10px
    }
}

@-webkit-keyframes adin {
    from {
        right: 100px
    }

    to {
        right: -10px
    }
}

@-moz-keyframes adin {
    from {
        right: 100px
    }

    to {
        right: -10px
    }
}

@-o-keyframes adin {
    from {
        right: 100px;
    }

    to {
        right: -10px;
    }
}

@keyframes page_in {
    from {
        margin-top: 50px;
        transform: rotateX(45deg)
    }

    to {
        margin-top: 20px;
        transform: rotateX(0)
    }
}

@-webkit-keyframes page_in {
    from {
        margin-top: 50px;
        -webkit-transform: rotateX(45deg)
    }

    to {
        margin-top: 20px;
        -webkit-transform: rotateX(0)
    }
}

@-moz-keyframes page_in {
    from {
        margin-top: 50px;
        -moz-transform: rotateX(45deg)
    }

    to {
        margin-top: 20px;
        -moz-transform: rotateX(0)
    }
}

@-o-keyframes page_in {
    from {
        margin-top: 50px;
        -o-transform: rotateX(45deg);
    }

    to {
        margin-top: 20px;
        -o-transform: rotateX(0);
    }
}

@keyframes dialog_in {
    from {
        transform: rotate(5deg);
        margin-left: 10px;
        opacity: 0
    }

    to {
        transform: rotate(0);
        margin-left: 0;
        opacity: 1
    }
}

@-webkit-keyframes dialog_in {
    from {
        -webkit-transform: rotate(5deg);
        margin-left: 10px;
        opacity: 0
    }

    to {
        -webkit-transform: rotate(0);
        margin-left: 0;
        opacity: 1
    }
}

@-moz-keyframes dialog_in {
    from {
        -moz-transform: rotate(5deg);
        margin-left: 10px;
        opacity: 0
    }

    to {
        -moz-transform: rotate(0);
        margin-left: 0;
        opacity: 1
    }
}

@-o-keyframes dialog_in {
    from {
        -o-transform: rotate(5deg);
        margin-left: 10px;
        opacity: 0;
    }

    to {
        -o-transform: rotate(0);
        margin-left: 0;
        opacity: 1;
    }
}

@keyframes dialog_out {
    from {
        transform: rotate(0);
        margin-left: 0;
        opacity: 1
    }

    to {
        transform: rotate(-5deg);
        margin-left: -10px;
        opacity: 0
    }
}

@-webkit-keyframes dialog_out {
    from {
        -webkit-transform: rotate(0);
        margin-left: 0;
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-5deg);
        margin-left: -10px;
        opacity: 0
    }
}

@-moz-keyframes dialog_out {
    from {
        -moz-transform: rotate(0);
        margin-left: 0;
        opacity: 1
    }

    to {
        -moz-transform: rotate(-5deg);
        margin-left: -10px;
        opacity: 0
    }
}

@-o-keyframes dialog_out {
    from {
        -o-transform: rotate(0);
        margin-left: 0;
        opacity: 1;
    }

    to {
        -o-transform: rotate(-5deg);
        margin-left: -10px;
        opacity: 0;
    }
}

@-moz-document url-prefix() {
    button,input [type="reset"],input [type="button"],input [type="submit"] {
        line-height: normal !important;
    }

    .base_button button,.base_button input {
        padding: 3px 10px !important;
        height: 22px;
        line-height: 14px !important;
    }
}

#home_slide,.timer,.win_numbs ul li,.nci_numbs ol li,.bt_item_win_numbers,.nci_numbs ol li,.nci_sort ul li,.bonus_statc,.slider_qbtn,.slider_qbtn span,.sm_loadbtn,.sm_footer,.stepping_input,.betting_type {
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none
}

::selection {
    background: #000;
    color: #fff;
    text-shadow: none
}

::-webkit-selection {
    background: #000;
    color: #fff;
    text-shadow: none
}

::-moz-selection {
    background: #000;
    color: #fff;
    text-shadow: none
}

::-webkit-scrollbar-thumb {
    background-color: #555;
    border-radius: 5px
}

::-webkit-scrollbar-track {
    background-color: #333
}

::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background-color: #000
}
